반응형
CSS 문법
CSS는 다음과 같은 규칙을 갖는다.
h1 { color:blue; font-size: 15px;}
여기서 h1은 Selector 그 뒤 괄호를 Declaration, color를 Property, blue를 Value라고 하자
- Selector는 스타일을 지정하려는 HTML 요소를 가리킨다.
- Declaration 부분은 세미클론(;)에 의해 하나 또는 여러개를 선언할 수 있다.
- 각각 선언한 부분은 CSS 특성(Property) 이름과 값(Value)을 가진다.
- 클론의 각각의 선언들 구분한다.
- 여러 CSS 선언들은 세미클론에 의해 분리되며 중괄호로 둘러쌓여있다.
예시코드
<!DOCTYPE html>
<html lang="ko">
<head>
<style>
p{
color: blue;
font-family: 'Courier';
font-size: 20px;
}
</style>
</head>
<body>
<h1>My First CSS Example</h1>
<p>This is paragraph</p>
</body>
</html>결과
반응형
'웹프로그래밍 > CSS' 카테고리의 다른 글
| [CSS] CSS Backgrounds 배경 꾸미는 법 (0) | 2023.09.10 |
|---|---|
| [CSS] CSS 주석달기 (0) | 2023.09.09 |
| [CSS] CSS 추가하는 3가지 방법(External CSS, Internal CSS, Inline CSS) (0) | 2023.09.09 |
| [CSS] CSS Selectors (0) | 2023.09.09 |
| [CSS] CSS란 무엇인가? (0) | 2023.09.09 |
댓글