본문 바로가기
IT/HTML & CSS & JavaScript

[CSS] 기초 문법 (선택자, 속성, 값)

by 베베야 2021. 9. 16.
728x90

CSS 기본적인 사용법


CSS 문법

/* 속성자 { 속성: 값; } */
h1 { color: green }

- 선택자(selector) : 어떤 요소를 꾸밀지 정의합니다. (h1)
- 속성(property) : 어떤 모양을 꾸밀지 선택합니다. (color)
- 값(value) : 어떻게 꾸밀지 정합니다. (green)

 

CSS 문법 예문

1. 세미콜론(;)으로 값을 구분하여 여러줄을 입력할 수 있습니다.

2. 값에 공백이 있는 경우  따옴표(') 또는 큰따옴표(")로 감쌉니다.

3. 주석은 /*와 */ 사이에 적습니다.

h1 {
    color: green;
    /* background-color: grey; */
    font-size: 20px;
    font-family : 'Nanum Gothic';
}

 

사용법은 이정도만 아시고 필요한 속성은

그때 그떄 찾아서 사용하세요.

반응형
그리드형

댓글