반응형
2. 선택자와 선언
어떤 태그를 디자인하기 위해서는 디자인하려는 태그를
1. 선택하고 (선택자)
2. 선택한 대상에게 효과를 줘야 합니다. (선언)
이번 시간에는 CSS에서 가장 기본적인 문법이라고 할 수 있는 이 선택자(selector)와 선언(declaration)에 대해서 알아봅니다. 가장 중요한 내용이라고 할 수 있습니다.
다음은 li 태그에 컬러와 text-decoration을 지정하는 방법이다.
selector_declaration_1.html
<!DOCTYPE html>
<html>
<head>
<style>
li{
color:red;
text-decoration:underline;
}
</style>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</body>
</html>
실행 화면
반응형
'프로그래밍 > CSS' 카테고리의 다른 글
| 생활코딩 css 정리 - 9. font (0) | 2017.10.03 |
|---|---|
| 생활코딩 css 정리 - 8. color 그리고 text-align (0) | 2017.09.30 |
| 생활코딩 css 정리 - 7. font-size (0) | 2017.09.26 |
| 생활코딩 css 정리 - 6. 속성을 공부하는 방법 (0) | 2017.09.25 |
| 생활코딩 css 정리 - 5. 가상 클래스 선택자 (0) | 2017.09.25 |
| 생활코딩 css 정리 - 4. 부모 자식 선택자 (0) | 2017.09.21 |
| 생활코딩 css 정리 - 3. 선택자의 종류 (0) | 2017.09.18 |
| 생활코딩 CSS 정리 - 1. inline과 style태그를 이용한 css 적용하기 (0) | 2017.09.14 |