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 : 절대위치