본문으로 바로가기

[6일차] #14. CSS 코드의 재사용

category Develop/WEB2 - CSS 2018. 12. 12. 20:57







6일차



1. CSS 등장 (30분)

 - 수업소개

 - CSS 등장 이전의 상황

 - CSS의 등장

 - 혁명적 변화

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

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

4. 박스모델 (16분)

5. 그리드 (10분)

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

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

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





#14. CSS 코드의 재사용


▲ 다른 웹페이지에도 동일하게, CSS 스타일 태그 및 id선택자 입력하기

 

▲ style.css 만들기



□ 코드수정 일원화를 위해 ⇒ style.css 만든 후, <style> 내용 '복사+붙여넣기' (*<style> 태그 지우기)




▲ 기존 스타일 태그 지운 후, 각 웹페이지에 링크삽입


Html

<style>"blah blah"</style> <link rel="stylesheet" href="style.css">