본문으로 바로가기

[5일차] #13. 미디어 쿼리 써먹기

category Develop/WEB2 - CSS 2018. 12. 12. 17:55






5일차



1. CSS 등장 (30분)

 - 수업소개

 - CSS 등장 이전의 상황

 - CSS의 등장

 - 혁명적 변화

2. CSS 속성을 스스로 알아내기 (8분) 

3. CSS 선택자를 스스로 알아내는 방법 (15분)

4. 박스모델 (16분)

5. 그리드 (10분)

6. 반응형 디자인 (9분)

7. CSS 코드의 재사용 (12분)

8. 수업을 마치며 (15분)





#13. 미디어 쿼리 써먹기


▲ 화면 너비가 800을 넘지 않는 경우, 그리드 나누지 않기 (display: block;)


▲ 화면 너비가 800을 넘지 않는 경우, 오른쪽 선 안보이게 하기


▲ 화면 너비가 800을 넘지 않는 경우, 바닥 선 안보이게 하기


▲ 화면 너비가 800을 넘는 경우의 화면





'Develop > WEB2 - CSS' 카테고리의 다른 글

[6일차] #15. 수업을 마치며  (0) 2018.12.12
[6일차] #14. CSS 코드의 재사용  (0) 2018.12.12
[5일차] #12. 미디어 쿼리 소개  (0) 2018.12.12
[4일차] #11. 그리드 써먹기  (0) 2018.12.12
[4일차] #10. 그리드 소개  (0) 2018.12.12