selectors #

기본선택자

p {color: balck;}

하위 선택자

# list 하위의 a에만 적용
li a {...}

pseudo(유사) class #

a:link {....}
a:visited {....}
tr:hover {....}
input:focus {....}

child selector #

#nav > li {....}

적용순위 (specificity) #

다음순서

style="...."
#wrapper #cont {}
#ccc .ddd{}
div#ddd{}
#dddd{}
p.comment .dateposted {}
p.comment{}
div p {}
p {}

상속(inheritance) #

cascade와 다른 점

body에 지정된 속성은 내부 태그에 상속됨

스타일 지정 #

<link href="/css/basic.css" rel="stylesheet" type="text/css" />

<style type="text/css">
<!--
@import url("/css/advanced.css");
-->
</style>

박스모델 구성요소 #

(테두리) margin > border > padding > content (내부)

margin collapsing : 이어지는 두개의 마진은 큰거 하나만 적용됨.

positioning 방식 #

normal flow

float : 이미지 감싸는 텍스트

absolute positioning : 절대위치

last modified 2008-08-27 17:32:32
Processing time 0.0081 sec