728x90
HTML 문서에 CSS를 적용하는 세가지 방법
1. 적용할 태그에 style 속성으로 넣기
<p style="background-color: blue">아무노래나 일단 틀어 신나는 걸로</p>- 해당 태그에만 적용
2. HTML 문서 head 태그 안에 style 태그로 넣기
<head>
<style>
.classname {
font-size: 12px;
}
p {
font-size: 20px;
}
</style>
</head>- 문서 전체에 적용
- .클래스명 {꾸밀내용}으로 body 내에 선언한 클래스를 꾸며준다.
- 태그명 {꾸밀내용}으로 해당 태그부분을 꾸며준다.
3. HTML 문서 head 안에 CSS파일로 링크하기
<head>
<link rel="stylesheet> type="text/css" href="style.css">
</head>- 전체 문서에 적용
- link 태그 사용, href 속성으로 css파일 불러오기
728x90