사용자 도구

사이트 도구


language:css:기본_요약

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
다음 판
이전 판
language:css:기본_요약 [2021/06/03 16:56] kieunslanguage:css:기본_요약 [2024/04/23 22:44] (현재) – 바깥 편집 127.0.0.1
줄 1: 줄 1:
 ~~Title:CSS 선택자에 대해서~~ ~~Title:CSS 선택자에 대해서~~
 +
 +{{section>language:jquery:jquery_문서_목록#jQuery_문서_목록&nofooter&noeditbtn}}
  
 ======CSS 선택자에 대해서====== ======CSS 선택자에 대해서======
줄 35: 줄 37:
 </code> </code>
  
-선택자를 ''*''로 해두면 모든 요소를 선택하는 것이 된다.+선택자를 '' * ''로 해두면 모든 요소를 선택하는 것이 된다.
  
 ===== 태그 요소 선택자 ===== ===== 태그 요소 선택자 =====
줄 47: 줄 49:
 <code css>h2 { color: red; }</code> <code css>h2 { color: red; }</code>
  
-선택자 ''h2''를 사용한 부분만 선택된다.+선택자 '' h2 ''를 사용한 부분만 선택된다.
  
 ===== 아아디 선택자 ===== ===== 아아디 선택자 =====
  
-  * 아이디 선택자 in CSS : ''#''+  * ''#'' ← 아이디 선택자 in CSS 
  
 <code html> <code html>
줄 61: 줄 63:
 <code css>#hello { color: red; }</code> <code css>#hello { color: red; }</code>
  
-html 태그에 ''id''를 사용해서 값을 설정하고 css 에서는 아이디 선택자 ''#''를 사용해서 요소를 선택한다. +html 태그에 '' id ''를 사용해서 값을 설정하고 css 에서는 아이디 선택자 '' # ''를 사용해서 요소를 선택한다. 
-  * ?? : ''id''는 여러개 쓰게 되면 어떤게 선택되는걸까?+  * ?? : '' id ''는 여러개 쓰게 되면 어떤게 선택되는걸까?
  
 ===== 클래스 선택자 ===== ===== 클래스 선택자 =====
  
-  * 클래스 선택자 in CSS : ''.''+  * ''.'' ← 클래스 선택자 in CSS  
  
 <code html> <code html>
줄 84: 줄 86:
 ===== 다중선택자 ===== ===== 다중선택자 =====
  
-  * 선택자를 '',''를 사용해서 여러개를 선택자에 같은 스타일을 지정할 수 있다.+  * 선택자를 '' , ''를 사용해서 여러개를 선택자에 같은 스타일을 지정할 수 있다.
  
 <code css> <code css>
language/css/기본_요약.1622706973.txt.gz · 마지막으로 수정됨: 2024/04/23 22:43 (바깥 편집)