0408 부트스트랩 이용하기

 1. CSS의 세계... 심오하도다

background image를 사용해서 이미지 만들기

transition을 이용해서 애니메이션 처리하기

position : relative와 absolute를 사용, left top을 조절하면서 ~~ 위치 조정

레이아웃..

display: block/inline-block/block이용하기. none을 이용해서 숨기기( 혹은 visibility)

2. 반응형 웹 : 사용자가 어떤 디바이스를 쓰든- 레이아웃 예쁘게- !!

3. 내가 만든 페이지가 - 디바이스에 따라서 자연스럽게 레이아웃이 바뀐다. 예전에는 이렇게 하려고 페이지를 다 따로 만들었다구 함(세상에;;) .. 디바이스의 크기를 알아서 페이지가 알고 반응한다- => 미디어쿼리(Media Query)

4. Media Query : 보통은 스마트폰, 타블렛, PC로 세개 생각. 

5. but... 부트스트랩을 써서 - media Query 안써두 된다~~!! ^▽^!!

6. 부트스트랩 그리드 시스템 : media 쿼리를 부트스트랩이 이미 만들어 놓았기 때문에- 디바이스 크기별 레이아웃을 위해- 써먹기만 하면된다! 내가 일일이 레이아웃 요소 하나하나 픽셀 계산하지 않아도 됨!!