CSS 선택 기의 일반적인 규칙

1842 단어 css
CSS 선택 기의 일반적인 규칙
(1)그룹 규칙
문법:선택 부적 1,선택 부적 2,...,선택 부적 n{속성 1:값 1;속성 2:값 2;...;속성:값 n;}
예시:

/*  H1   */
H1 {
    font-weight: bold;/*     ,bold   */
    font-size: 12pt;/*    ,      px,    pt*/
    font-family: helvetica;/*    ,   、  */
    font-variant: normal;/*        ,normal   。*/
    font-style: normal;/*    ,    。normal      。*/
}

(2)계승 규칙
HTML 탭 에 CSS 스타일 을 정의 하면 스타일 은 이 노드 의 모든 하위 노드 에 자동 으로 계 승 됩 니 다.
(3)클래스 규칙
"..."+클래스 이름 을 통 해 이 클래스 를 정의 합 니 다.
예시:

<!--           -->
.list{color: red;}
<body>
    <h1 class="list">  1</h1>
    <h1 class="list">  2</h1>
    <h1 class="list">  3</h1>
</body>

(4)ID 규칙
'\#'+ID 번 호 를 통 해 이 요 소 를 설정 합 니 다.
예시:

#header{
    width: 800px;
    height: 125px;
    color: red;
}

<body>
    <div id="header">    </div>
</body>

(5)내장 규칙
새 겨 진 규칙 은 하나의 경 로 를 지정 하여 스타일 을 정의 할 수 있 습 니 다.규칙 의 선택 자 는 클래스,ID 또는 기본 선택 자 일 수 있 습 니 다.
실례 1:

<!--    “.reddish”     H1      -->
.reddish h1{
    color: red;
}

<body>
    <div class="reddish">
        <h1>  1</h1>
    </div>
</body>

예시 2:

<!--        -->
p{color: red;}
p b{color: blue;}

<body>
    <p>
          
        <b>  </b>
    </p>
</body>

좋은 웹페이지 즐겨찾기