[CSS] CSS의 적용 방법과 기본 구조

CSS (Cascading Style Sheets)

HTML과 같은 문서의 스타일을 정의하는 언어

적용 방법

인라인 스타일

<div style="width:100px"> </div>

내부 스타일 시트

<style>
  p {
  	font-size: 20px;
  }
</style>

외부 스타일 시트

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

혼재되어 사용 될 경우, 인라인 스타일 우선 적용

CSS 기본 구조

선택자 프로퍼티 값

<style>
  p {
  	font-size: 20px;
  }
</style>

p 선택자 (selector)
font-size 속성 (property)
20px 값