[1일차] #3. CSS의 등장

1일차

1. CSS 등장 (30분)

- 수업소개

- CSS 등장 이전의 상황

- CSS의 등장

- 혁명적 변화

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

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

4. 박스모델 (16분)

5. 그리드 (10분)

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

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

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

#3. CSS의 등장

▲ <body> 태그 일부 '복사+붙여넣기'

웹페이지 상 코드내용 무시하기 ⇒

▲ 본문의 '폰트태그<font>' 지우기

▲ CSS 태그를 이용하여, 글자색 바꾸기

CSS

<style>
   a {
      color:red;
     }
</style>

□ <style></style> ⇒ CSS 언어명령

□ <style> a </style> ⇒ 이 웹페이지의 모든 <a>태그를 통제하겠다

□ CSS 장점 : 유지보수편함, 가독성증진, 본연의 기능에 집중 可 (HTML → 정보제공 / CSS → 디자인)

PLAYCE