CSS 선택 기의 일반적인 규칙
1842 단어 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>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하는 방법은 무엇입니까?장치 너비가 특정 너비보다 크고 특정 너비보다 작을 때 웹 페이지 CSS 스타일을 변경하려면 @media의 미디어 쿼리 구문을 사용한 다음 구문을 작성하여 스타일의 최소 너비를 정의해야 합니다. 적용된 후 and라는...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.