IT/웹디자인19 CSS 사용 방법 완벽 가이드 CSS 사용 방법 완벽 가이드 CSS를 사용하는 방법에는 3가지 방법이 있습니다. HTML 파일 내에서 사용하는 인라인스타일, 내부스타일 방법과 별도의 CSS 확장자를 가진 파일을 만들어 링크를 시켜 사용하는 외부 스타일 방법 입니다. 첫째. 인라인 스타일(Inline Styles) ▶ HTML 태그 요소에 스타일을 지정하는 방법 1 2 3 4 5 6 7 인라인 스타일 적용 예제 - 인라인 스타일 방법은 HTML 태그 요소에 스타일을 정의하는 방법입니다. - 단점은 CSS의 최대 장점인 일괄적용의 이점을 살리지 못한다는 것 입니다. - 장점은 한 부분(단건)의 스타일을 입력 또는 수정 할 경우 보다 빠르고 쉽게 적용 할 수 있다는 것입니다. - 따라서 인라인 스타일의 경우 유니크한 태그에 대한 고유한 스.. 2018. 5. 22. 웹디자인의 꽃 CSS란 무엇인가 개인적으로 웹디자인의 꽃 이라고 부르는 CSS에 대하여 알아보고자 합니다. CSS란 무엇일까요? CSS(Cascading Style Sheets)란 스타일시트를 정의하기 위한 문법 입니다. 즉, 사용자들에게 보여지는 모습들을 제어하기 위한 언어 입니다. CSS의 탄생 이유 HTML을 보완하기 이해 만들어졌다라고 볼 수 있습니다. HTML 태그로는 제어 할 수 없는 부분(글자간격, 위치 등) 또는 사용의 불편함을 보완 해 주기 때문입니다. HTML 태그의 불편함을 보완해 주는 부분 중 하나는 일괄적용 부분입니다. 웹 페이지의 내용에 하나하나 스타일을 지정할 수도 있지만, 그렇지 않고 태그에 따라서 별도의 스타일을 정의할 수 있습니다. 태그의 종류 또는 클래스명에 따라 일괄적용이 가능한 것 입니다. CSS를.. 2018. 5. 21. HTML 프레임(frame) 나누기 프레임을 이용하여 화면 분할 하는 방법에 대하여 알아 보겠습니다. 프레임이란 프레임은 하나의 웹브라우저 화면을 여러개의 창으로 나누어 주는 역할을 합니다. HTML 문서를 몇 개의 파일로 나누어 작성한 후, 이 파일을 프레임으로 구분된 각 창에서 보여 줄 수 있습니다. 프레임 나누기 가로로 나누기 세로로 나누기 ※ 콤마(,)를 구분자로 하여 만들고 싶은 프레임의 개수만큼 길이를 입력합니다. 프레임의 길이 값 설정 예 픽셀의수(px) : 두개로 나눌 경우 "300, *" 백분율(%) : 세개로 나눌 경우 "10%, 50%, 40%" 비율 : 두개를 2:1로 나눌 경우 "2*, *" ※ 나머지 부분을 대신해서 * 를 사용 할 수 있습니다. 프레임의 속성 스크롤바 표시 속성 SCROLLING = "YES(항상.. 2018. 5. 19. HTML 테이블 태그 완벽가이드 / 예제 테이블 태그를 사용하면 목록화면 또는 표와 같은 형태의 모양을 쉽고 빠르게 코딩 할 수 있습니다. 이번 시간에는 HTML 태그 중에서 Table 태그에 대하여 사용법에 대하여 알아보고 예제를 통하여 확인 해 보도록 하겠습니다. HTML 테두리 기본 구조 1 2 3 4 5 6 7 8 9 10 11 12 13 14 이름 취미 강철 농구 지우 배구 테두리 기본 태그 설명 과 태그 사이에 행(row)에 해당하는 태그를 넣습니다. 그리고 태그 사이에 칸(cell)에 해당하는 태그가 들어 갑니다. 는 head cell을 의미 합니다. 태그를 사용하면 수평, 수직 정렬이 자동으로 가운데가 됩니다. 또한 볼드(bold)체로 표시 됩니다. 테이블 속성 테이블 크기 : width="픽셀의수(px) 또는 백분율(%)", h.. 2018. 5. 18. 이전 1 2 3 4 5 다음
