''에 해당되는 트랙백 건

CSS 서식

분류없음 2011/01/12 17:57

CSS 기본 규칙



css 내용은 아래의 서식을 따른다.

선택자 { 속성 : 값; }

선택자(selector)는 스타일을 적용하는 대상을 말함 html의 요소가 해당한다.
class명이나 id명을 조합하여서 선택자의 적용대상 범위를 정하거나,
특정 속성이 있는 요소에 적용하는 등 좀더 구체적 설정 가능

속성(property)는 그 선택자에 어떤 스타일을 부여할지를 지정함. 속성별로 지정할수있는 값(value)이 정해져있다.
선택자 이후에 왼쪽 중괄호 '{'로 시작하여 오른쪽 중괄호 '}'로 끝난다.
ex1) body(선택자) { color(속성): black(값); }

; 세미콜론은 생략 할수도 있으나 되도록 생략하지않고 사용하는게 좋음
?
1
2
3
4
5
body{
  color:black;
  background-color:white;
  ...
}

복수의 선택자는 ',' 로 구분하여 한번에 동일한 스타일을 적용 가능
?
1
2
div,p,span {color:green;}
...

xhtml 문서에 css를 사용할 때에는 요소를 소문자로 (대문자와 소문자 구별)
복수의 공백문자가 연속할때에는 하나의 공백으로 취급한다.
css에서 값으로 텍스트를 지정하는 경우 인용부호 겹따옴표 " 혹은 홑따옴표 ' 로 묶어야한다.
css에 미리 정의된 값인 키워드는 인용부호로 묶는 것은 올바르지 않다. 
?
1
2
3
4
body{
  width: "aute";
  border: "none";
}

텍스트를 값으로 지정할 수 있는 것은 text-align 속성, content 속성, quote 속성뿐이다.

image
TAG
받은 트랙백이 없고, 댓글이 없습니다.
◀ 이전페이지 1 2 3 4 5 ... 1794 다음페이지 ▶