[코딩 자율학습 HTML + CSS + 자바스크립트] 2. CSS로 웹 페이지 꾸미기 - "4장 웹 스타일링을 위한 CSS 기초 배우기"

4.1 CSS 문법 살펴보기

1. CSS 기본 문법

 CSS의 기본으로 선택자와 선언부로 구성된 문법 형태를 가짐.

h1(선택자) {color(속성): red(값);}

 -선택자: CSS 속성을 적용할 대상(태그, 요소)을 지정하는 영역.

 -선언부: 선택자로 지정된 대상(태그, 요소)에 적용할 CSS 속성과 값을 적는 영역입니다.

 

2. 주석

주석은 코드에 설명을 남기는 것을 말함. CSS에서 주석 내용은 /*와 */ 사이에 작성할 수 있음.

/* 주석 내용  */

 

4.2 CSS 적용하기

3. CSS 적용 방법

CSS를 HTML 문서에 적용하는 방법은 3가지

 -내부 스타일 시트 방법: HTML 문서 내부에 style 태그로 CSS 코드를 작성해 적용하는 방법.

<style>
	/*	CSS 코드	*/
</style>

 

-외부 스타일 시트 방법: 별도의 CSS파일을 만들어 HTML 문서와 link 태그로 연결해 CSS를 적용하는 방법

<link rel="stylesheet" href="css 파일 경로">

 

 -인라인 스타일 시트 방법: 모든 태그에서 사용할 수 있는 style  속성을 사용해 CSS를 적용하는 방법

<태그 style:"CSS 코드"></태그>

 

 

---

 

 

출처

https://www.gilbut.co.kr/book/view?bookcode=BN003377

코딩 자율학습 HTML + CSS + 자바스크립트