웹프로그래밍
-
[부스트코스] CSS -FE부스트코스 코딩일지/웹 프로그래밍 기초 2020. 2. 2. 15:02
전 글에서 웹 페이지의 구조를 담당하는 HTML에 대한 기초적인 공부를 하였습니다. 이번 시간에는 스타일을 담당하는 CSS에 대해 공부해 보도록 하겠습니다. 선언방법 우선, CSS의 구성을 먼저 살피어보겠습니다. span: selecor color: property red: value 의 역할을 합니다. 이렇게 만든 style을 HTML 페이지에 적용하는 3가지 방법이 있습니다. 1. inline HTML 태그 안에 속성으로 적용합니다. 아래 그림처럼 말이죠. 이렇게 적용된 스타일은 css파일에 적용한 것보다 가장 먼저 적용됩니다. 2. internal style 태그로 지정합니다. 이렇게 되면, html 문서 안에 구조에 관한 태그와 스타일에 관한 태그가 섞이게 되면서 가독성이 떨어지고, 따라서 유지 ..