IT's 2 EG

[CSS] 스타일과 스타일시트 본문

프로그래밍 노트/HTML5 + CSS3

[CSS] 스타일과 스타일시트

엠씨비기 2019. 1. 29. 23:37

1. 스타일 형식


 스타일을 적용할 대상인 선택자와 적용할 사항인 속성, 속성값은 아래와 같이 표기를 한다.


2. 스타일 시트


1) 내부 스타일 시트


사용할 스타일을 문서 안에 정리한 것을 내부 스타일 시트라고 한다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE html>
<html lang = "ko">
    <head>
        <meta charset="utf-8">
        <style>
            p{
                font-size:30px;
                color:blueviolet;
            }
        </style>
    </head>
    <body>
        <p>
            내부 스타일 시트
        </p>
    </body>
</html>
cs


2) 외부 스타일 시트


별도로 따로 저장한 스타일 정보를 외부 스타일 시트라고 하며, '.css' 파일 확장자를 가진다.


1
2
3
4
5
6
7
8
9
10
11
12
<!DOCTYPE html>
<html lang = "ko">
    <head>
        <meta charset="utf-8">
        <link href="external.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <p>
            외부 스타일 시트
        </p>
    </body>
</html>
cs



<external.css>

1
2
3
4
5
6
<style>
        p{
            font-size:30px;
            color:blueviolet;
        }
</style>
cs













저작자표시 비영리 변경금지 (새창열림)

'프로그래밍 노트 > HTML5 + CSS3' 카테고리의 다른 글

[CSS] 주요 선택자  (0) 2019.02.07
공유하기 링크
'프로그래밍 노트/HTML5 + CSS3' Related Articles more
Comments