#3.0

How to Add CSS to HTML

CSS를 하기전 가장 먼저 짚어가야할 내용은 어떻게 하면 CSS를 HTML페이지에 추가할 수 있는지를 이해해야하는 것이다.

HTML에 CSS를 추가하는 방법은 두가지 이다.

HTML 파일 내에 CSS는 어떠한 모습을 하고 있는가?

<style> Tag를 사용한다. <head> Tag안에 잇어야 한다.

CSS파일 아니 CSS 코드를 포함시키는 다른 방법으로는 CSS파일을 만드는 것이고, 확장자를 .css로 한다. 그리고 HTML 파일에서 link 태그를 이용해서 파일을 연결한다.

HTML파일과 CSS 파일의 관계를 말하면 CSS파일은 스타일시트라한다. 그래서 rel(relationship :관계) attribute로 stylesheet로 관계를 명시한다.

<aside> 📌 분리된 CSS파일을 사용하면 많은 HTML 페이지에서 사용할 수가 있다.

</aside>

#3.1

Writing Our First CSS Lines

CSS작성방법은 세가지만 기억하면 된다.$_p$

CSS가 하는 일은 HTML 태그를 가리키는 일이다. 그렇기에 CSS가 무언가를 가르킨다는 의미로 selector라고 부르며, 프로그래머는 가르킬 selector를 작명하여 그 속성(Profertys)을 정의하면된다. selector의 속성이 많고 그것을 묶어주기위해 중괄호({} : curly bracket)를 쓴다.

CSS 작성 규칙은 다음과 같다.