CSS 기본 문법

CSS는 HTML 요소의 style(design, layout etc)을 정의하는데 사용된다. 이를 위해서 선행되어야하는 것은 스타일을 적용하고자 하는 HTML 요소를 선택할 수 있어야 한다.

셀렉터는 스타일을 적용하고자 하는 HTML 요소를 선택하기 위해 CSS에서 제공하는 수단이다.

 

 

Link

HTML에서 외부에 있는 CSS 파일을 로드하는 방식이다. 가장 일반적으로 사용된다.

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

Embedding style

HTML 내부에 CSS를 포함시키는 방식이다.

<style>
      h1 { color: red; }
      p  { background: aqua; }
 </style>

Inline style

HTML요소의 style 프로퍼티에 CSS를 기술하는 방식이다.

<h1 style="color: red">Hello World</h1>

 

 

 

Reset CSS 사용하기

Reset CSS는 기본적인 HTML 요소의 CSS를 초기화하는 용도로 사용한다.

• Eric Meyer’s reset
• normalize.css

CSS Tools: Reset CSS

Normalize.css: Make browsers render all elements more consistently.

 

 

내가 몰랐던 점

1. 용어들에 익숙하지 않다. 아는 것 같아도 정확히 알지 못했다.
2. Reset CSS는 처음 들어봤다.

 

출처

https://poiemaweb.com/