CSS 표현하기 #1 CSS 기본 이해

728x90

CSS

- HTML 요소에 스타일 적용을 하기 위해서

- 디자인을 정의, 관리, 재활용하는데 용이하다.

- 하나의 css 파일은 다수의 html 에서 사용할 수 있다.

- CSS 파일을 만들어 HTML에 연결 (가장 권장)

-> 텍스트 크기 및 스타일, 요소들의 레이아웃, 그림 등의 크기 테두리, 배경 색, 화면 전환이나 요소 움직임

CSS 기술방식

- 선택자 { 속성 선언 }

ex) h1{font-size: 1.5em;}

h2{
width: 300px;
height: 50px;
font-size: 1.5em;
color: red;
font-weight: blod;
}

> style 요소를 사용한 CSS 적용

<head> 부분에 선택자를 이용하여 style 요소 정의

> 외부 CSS 파일 HTML 문서에 연결

1. .html 확장자의 HTML 파일 준비

2. .css 확장자의 css 파일 준비

3. html <head> 부분에 link 요소 사용 css 파일 경로 지정 -끝-

link 요소의 속성

- rel 속성(생략 불가능) css 연결시 rel="stylesheet" ex><link rel="stylesheet" href="a.css">

- href 연결하고자 하는 리소스 파일 경로 지정

- link 요소 중복 사용하여 여러개의 css 파일 링크 가능

728x90

MONTEK$$