CSS의 기본 5 - 단원 마무리 및 연습문제 풀기

이제 드디어 단원을 마무리할 때가 되었다. CSS 첫번째 단원 학습인데 아직 갈 길이 멀다. 하루종일 해도 한 단원도 끝내기 어려운데 CSS를 하루나 이틀만에 다 마치겠다고 계획했으니.. 무엇이든 너무 빨리 배우는 것보다 천천히 생각하고 고민하며 학습하는 것이 더 좋은 것 같다.

---

 

 

 

단원 한눈에 정리하기

 

 

---

 

 

 

 

연습문제 풀기

문제 1번

 

 

 

 

문제로 제공된 코드는 이렇게 되어 있다. 이건 내부 스타일 시트를 적용한 것이고 이제 외부 스타일 시트를 연결해야 한다.

---

 

 

 

CSS 파일

 

 

 

HTML 파일

 

 

 

결과 화면

---

 

 

 

 

문제 2번

 

 

 

 

---

 

 

 

첫번째 도전

 

 

완전 반대로 적용이 되었다. 제목에 배경색이 적용되어야 하는데.. 다시 풀어보자!

---

 

 

 

 

두번째  도전

 

 

 

h1에 파란색 배경이 입혀지지 않아 고민을 정말 많이 했는데 몇 가지만 바꾸면 되었다. 무조건 암기를 하는 것이 아니라 어떻게 적용이 되는지 머리로 이해해야 한다.

---

 

 

 

학습을 마치고

 

여기까지 해서 문제도 모두 풀었고 6단원 학습을 마쳤다. 오늘 하루종일 거의 공부만 했는데도 두 단원밖에 학습하지 못했다. 진도가 이렇게 느려서 어느 세월에 CSS를 마치고 자바스크립트를 나갈 수 있을지 의문이다. 그래도 하다보면 할 수 있겠지!