CSS 스타일 적용하는 법

Link 요소로 연결

link href="style.css" rel="stylesheet" "text/css"/>

head 요소에서 link 요소를 사용해 css파일을 연결하는 방법이다. 이 link 요소는 여러 개를 넣는 것도 가능해, 여러 css 파일을 연결할 수 있다는 것도 특징이다.

Style 요소로 연결

css 파일을 분리하지 않고, 바로 스타일을 적용하는 방법이다. 해당 페이지에만 적용되기 때문에, 임시적으로 테스트를 위한 페이지를 만들 때 주로 사용한다.

<style type="text/css">
.title{
font-align:center;
}
</style>

Style 속성을 통해 연결

해당 요소에만 스타일을 적용하는 방법이다.

<title sytle="color:white">Style</title>

다음과 같이 직접적으로 해당 요소에 스타일을 적용하고 따옴표 안에 스타일을 작성한다.

좋은 웹페이지 즐겨찾기