웹프로그래밍/CSS

[CSS] CSS 문법

유노brain 2023. 9. 9. 20:58
반응형

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>

 결과

 

반응형