language:css:기본_요약
차이
문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판이전 판다음 판 | 이전 판 | ||
language:css:기본_요약 [2021/06/03 16:28] – kieuns | language:css:기본_요약 [2024/04/23 22:44] (현재) – 바깥 편집 127.0.0.1 | ||
---|---|---|---|
줄 1: | 줄 1: | ||
- | 주석 | + | ~~Title:CSS 선택자에 대해서~~ |
+ | |||
+ | {{section> | ||
+ | |||
+ | ======CSS 선택자에 대해서====== | ||
+ | |||
+ | ====== | ||
<code css> | <code css> | ||
/* 한줄 주석 */ | /* 한줄 주석 */ | ||
+ | |||
/* | /* | ||
여러줄 주석 | 여러줄 주석 | ||
줄 8: | 줄 15: | ||
</ | </ | ||
- | 기본문법 | + | ====== |
선택자 { 선언부 } | 선택자 { 선언부 } | ||
줄 19: | 줄 26: | ||
* 속성의 값 : Value | * 속성의 값 : Value | ||
- | 선택자 | + | ====== |
<code html> | <code html> | ||
줄 26: | 줄 33: | ||
</ | </ | ||
- | | + | <code css> |
+ | * { color: blue; } | ||
+ | </ | ||
- | 선택자를 '' | + | 선택자를 '' |
- | 태그 요소 선택자 | + | ===== 태그 요소 선택자 |
<code html> | <code html> | ||
줄 38: | 줄 47: | ||
</ | </ | ||
- | | + | <code css>h2 { color: red; }</ |
- | 선택자 '' | + | 선택자 '' |
- | 아아디 선택자 | + | ===== 아아디 선택자 |
- | * 아이디 선택자 in CSS : ''#'' | + | * ''#'' |
<code html> | <code html> | ||
줄 52: | 줄 61: | ||
</ | </ | ||
- | | + | <code css>#hello { color: red; }</ |
- | html 태그에 '' | + | html 태그에 '' |
- | * ?? : '' | + | * ?? : '' |
- | 클래스 선택자 | + | ===== 클래스 선택자 |
- | * 클래스 선택자 in CSS : '' | + | * '' |
<code html> | <code html> | ||
줄 75: | 줄 84: | ||
</ | </ | ||
- | 다중선택자 | + | ===== 다중선택자 |
- | * 선택자를 '','' | + | * 선택자를 '' |
<code css> | <code css> | ||
줄 86: | 줄 95: | ||
} | } | ||
</ | </ | ||
+ | |||
+ | ===== 결합선택자 ===== | ||
+ | |||
+ | html 문서에서 계층 관계에 따른 부모, | ||
+ | |||
+ | <code html> | ||
+ | <div> | ||
+ | < | ||
+ | </ | ||
+ | <div class=" | ||
+ | < | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | <code css>div p { color:blue; }</ | ||
+ | |||
+ | * ''< | ||
+ | |||
+ | <code css> | ||
+ | |||
+ | * '' | ||
+ | |||
+ | 두개의 차이가 미묘.. |
language/css/기본_요약.1622705295.txt.gz · 마지막으로 수정됨: 2024/04/23 22:43 (바깥 편집)