[길벗 학습단] 4장 웹 스타일링을 위한 CSS 기초 배우기

1. CSS 문법 살펴 보기

1. 문법 형식, 주석

크게 선택자와 선언부로 구분 됨. 선택자는 HTML 태그를 선택하고 선언부는 선택자에서 선택한 태그에 적용할 스타일을 작성함. { } 안에 넣음. 주석은 /* */로 작성

h1 { 
font-size: 11px;
color: red;
}  /* 이것이 주석임 */

2. CSS 적용하기

1. 내부 스타일 시트 사용하기

html 파일 내부에 css 코드 작성. <style></style>을 <head> 태그 안에 넣으면 됨.

2. 외부 스타일 시트 사용하기

CSS 파일(*.css)을 별도로 만든 후 그것이 HTML에 연결시키는 방법. 대 부부분 이 방법을 쓴다.

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

3. 인라인 스타일 사용하기

html 태그에 직접 css 코드 작성

<h1 style="color:red; font-size:12px">스타일</h1>

답글 남기기

이메일 주소는 공개되지 않습니다.