CSS 선택 문자 설명

1.형식 선택 부적 body{  font-size:12px; } {   color:blue; } 웹 페이지 에 있 는 탭 형식 을 이름 으로 선택 하 는 것 을 말 합 니 다.예 를 들 어 body 탭 에 있 는 모든 텍스트 크기 는 12px 입 니 다.단락 안의 문자 색 은 파란색 이다.그룹 선택 부적 h4,p,span{  font-size:12px; } 페이지 의 모든 h4,p,span 탭 에 있 는 텍스트 는 12px 크기 입 니 다.즉,한 그룹의 대상 을 같은 스타일 로 지정 하고 모든 탭 사 이 를 쉼표 로 구분 합 니 다.3.선택 문자 div 포함 p {   font-weight:bold; } div 태그 에 있 는 p 태그 의 문 자 를 굵 은 글자 로 표시 합 니 다.이것 은 포함 관계 입 니 다.모든 태그 간 에 빈 칸 으로 구분 하여 여러 단계 로 포함 할 수 있 습 니 다.4.id 와 class 선택 문자 id 는 페이지 의 유일한 요 소 를 스타일 로 정의 합 니 다.이 스타일 은 페이지 에서 한 번 만 사용 합 니 다.즉,id 는 중복 되 지 않 습 니 다 .. #myDiv {   font-size:12px; } class 는 통용 되 거나 자주 사용 되 는 스타일 을 정의 합 니 다.하나의 스타일 은 한 페이지 에 여러 번 나타 나 야 합 니 다.즉,서로 다른 탭 에 같은 class 를 지정 할 수 있 습 니 다.다음 과 같이 div 와 p 탭 의 글꼴 은 모두 파란색
입 니 다. class="red">
..

.red {   color:blue; } 5.조합 선택 부 호 는 id 또는 class 를 사용 하 는 동시에 탭 을 사용 하여 h1 을 조합 합 니 다. #cont{}id 가 cont 인 h1 태그 h1 .cont{}은 모든 class 가 cont 인 h1 태그 6,의사 클래스 선택 자 를 나타 내 며 a 태그 a:link{}a:hover{}a:visited{}7,조합 선택 자*{  color:blue; } 모든 대상 의 글꼴 이 파란색 임 을 나타 낸다.

좋은 웹페이지 즐겨찾기