본문 바로가기

디자인/CSS 강좌

CSS 기초강좌 1 (개요)

반응형

CSS 문법


CSS 문법은 두가지 주요부분으로 구분된다: selector 와 선언부(declarations) 이다.




보통 셀렉터(selector)는 HTML의 태그문자이다.

또한 선언부는 속성(property)와 값(value)로 구성되어진다.

속성(Property)는 변화시키고 싶은 스타일(Style)의 속성(예를들면 색깔,글자크기,배경색깔,테두리크기...)이다.

그리고 각각의 속성들은 하나의 값만을 가진다.


CSS선언부는 항상 세미콜론(;)으로 끝나며 선언부의 그룹들은 중괄호 {,}로 끝나야 한다.

CSS를 보다 쉽게 이해하기 위해서는 한줄에 하나의 선언만을 나열하는 하는 것이 좋다.

CSS의 주석처리는 /* 과 */으로 감싼다.


아래에 예제를 보면 이해할 수 있다.


Example

/* This is Comment */

p                        

{                         

text-align:center;   

/*This is another comment*/

color:black;

font-family:arial;

}


즐거운 하루 되세요. (본문은 W3SCOOLS를 번역하고 약간 첨가한 자료입니다)

반응형