CSS 기본 사항에 대해서 알아보겠습니다. CSS는 HTML의 <head></head>태그 사이에 <style></style>태그 안에 들어갑니다. 또는 HTML 태그 안에 sytle="" 형식으로 들어가기도 합니다. 예) <h2 style="color:blue;">Hello</h2> CSS의 기본 문법은 다음과 같습니다. h1 { color: blue; font-size: 2em; } 주석 처리는 /* 주석 */입니다. 여기서 h1은 Selector라고 부릅니다. color: blue;와 font-size: 2em;은 Declaration이라고 부릅니다. Declaration에서 "color"와 "font-size"는 Property. Declaration에서 "blue"와 "2em"은 Value입니다. 또한, class와 id라는 기능을 사용할 수 있습니다. 우선 HTML 태그에 class 또는 id, 또는 두 개 전부를 넣습니다. 예)<h3 class="center" id="id_center">World</h3> 해당 class나 id에만 css를 적용하고 싶다면, 다음처럼 사용합니다. /* center class 적용. */ .center { color: blue; } /* id_center id 적용. */ #id_center { color: red; } /* h3 태그의 class만 적용. */ h3.center { color: yellow; } 화면 전체를 차지하는 것은 Display:Block; 설정이고, 글자 위치만 차지하는 것은 Display:inline;입니다. 끝. 카테고리: CSS
