1.셀렉터
스타일을 적용하고자 하는 HTML 요소를 선택하기위한 수단
셀렉터{속성1:속성값}
2.속성(프로퍼티), 속성값
셀렉터로 선택이후 {} 내에서 속성(프로퍼티)와 값을 지정한다.
값은 키워드, 크기단위, 색상 표현단위등 특정 단위로 지정한다.
3.CSS HTML 연동법
3-1.Link style
HTML에서 외부에 있는 CSS 파일을 로드하는 방식
(외부 CSS 파일에 CSS가 작성되어있다.)
<link rel="stylesheet" href="../../resourse/bootstrap.min.css">
3-2.Embedding style
HTML 내부에 CSS를 포함하는 방법
<!DOCTYPE html>
<html>
<head>
<style>
h1 { color: red; }
</style>
</head>
</html>
3-3.Inline style
HTML요소의 style 프로퍼티에 CSS를 기술
<b style="color: brown;">행복</b>
반응형
'FrontEnd > css' 카테고리의 다른 글
| [CSS] 크기단위 (0) | 2024.06.05 |
|---|---|
| [CSS] 가상 클래스 셀렉터 (0) | 2024.06.05 |
| [CSS] 셀렉터(Selector) (1) | 2024.06.04 |
