[200507.50일차] CSS 3

position

static : 순차적으로 나열 (명시 안했을때 기본값)
relative : 윗줄 태그를 기준으로

absolute: 바디를 기점으로

 

static

relative

absolute

 

 

 

둘다 바디 기준

fixed => 고정 위치. 스크롤을 내려도 그 위치에 고정

absolute => 절대 위치. 스크롤을 내리면 사라짐

 

 

 

 

z-index

z-index를 이용해 앞에 있는 순서를 정할 수 있다.

덮어서 클릭이 안됨

 

 

 

 

 

 

 

---

문제

quiz7.html

0.00MB

 

 

 

 

 

---

 

 

모바일 / PC 용 CSS 만들기

모바일용 - 320px , 태블릿 - 768px, pc - 960,1024px

기본틀

 

 

인포메이션 영역

모바일

PC

 

 

헤더 영역

flex-flow: column => 세로 정렬 (order:1=>인포메이션, order:2=>헤더)

font-size: 2.0em; => 기본 글씨 크기의 2배

모바일

PC

 

 

 

네비게이션 영역

모바일

PC

 

 

 

섹션 이미지 영역

모바일

PC

 

 

섹션 뉴스 영역

모바일

PC

 

 

 

풋터 영역

모바일

PC

 

 

 

 

 

 

---

문제

quiz08.html

0.01MB