9. CSS 3/3 (생활코딩 작심40시간)

복습)

선택자

복합선택자

ul li : li라는 태그를 최종적으로 선택, 분모가 ul인 놈만 찾는 거.

즉, <ul>

<li> 

</li>

</ul>

찾음(O)

<ol>

<li>

</li>

</ol>

No 안찾음(X)

ul, ol {}           (ul ol 둘다 선택)

중복제거, 유지보수, 재활용성

(코드가 중복된다면,)

#li>.li>li

금은동

최신의 것이 우선순위

li{} li{}

이미지 화면에 출력하는 법

<img sic="bg.gif"/>

이미지가 왼쪽으로 촥! img{float:left}  --> 레이아웃

의미부여(검색엔진 - 분석) -> Nav

아티클 - 부분

헤더 오타 (header) /"

검색엔진 최적화

자바스크립트를 제목처럼 만들기 --- 테두리

head 태그 안에다가

<style> 

h1{

border bottom: 1px solid gray;

padding: 30px 

}

</style>

#타이틀 태그는 제목역할임

<tiltle> </title>

박스 모델 적용

article에 float:left 주고, width:400px; 값을 주면 됨.

휴 끝!