CSS는 무엇입니까?-CSS 튜토리얼-php.cn

CSS는 무엇입니까?

藏色散人

풀어 주다： 2023-01-04 09:36:29

원래의

10209명이 탐색했습니다.

css after는 선택한 요소의 콘텐츠 뒤에 콘텐츠를 삽입하는 데 사용할 수 있는 CSS의 선택기입니다. 구문은 "p:after{ content:""; background-color:yellow;color:red ;}입니다. ".

CSS는 무엇입니까?

이 기사의 운영 환경: Windows 7 시스템, Dell G3 컴퓨터, CSS3 버전.

권장: "css 비디오 튜토리얼"

CSS에서 :after 가상 클래스의 기능은 지정된 요소 콘텐츠 뒤에(요소가 아닌) 콘텐츠 속성으로 지정된 콘텐츠를 포함하는 인라인 요소를 삽입하는 것입니다. 그 자체).

가장 기본적인 사용법은 다음과 같습니다:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<style>
p:after {
content: "- 台词";
}
</style>
</head>
<body>
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
</body>
</html>

로그인 후 복사

Rendering:

CSS는 무엇입니까?

after pseudo-class의 일부 응용 프로그램

:afterclear float

플로팅 레이아웃이 높이 붕괴를 일으키고 전체 레이아웃에 영향을 미치는 경우 요소는 float를 지워야 합니다. after는 다음 방법 중 하나입니다.

.row:after {
width:0;
height:0;
content:&#39;&#39;;
display: block;
clear: both;
}

로그인 후 복사

Pseudo-classes 및 pseudo-elements

Pseudo-class 요소 선택은 요소의 현재 상태 또는 현재 특성을 기반으로 합니다. 요소의 ID, 클래스, 속성 및 기타 정적 플래그가 아닌 요소의. 상태는 동적으로 변경되므로 요소가 특정 상태에 도달하면 상태가 변경되면 의사 클래스 스타일을 얻을 수 있지만 이 스타일은 손실됩니다. 이를 통해 그 기능이 클래스의 기능과 다소 유사하다는 것을 알 수 있지만 문서 외부의 추상화에 기반을 두고 있으므로 의사 클래스라고 합니다.

특수한 상태의 요소를 대상으로 하는 의사 클래스와 달리 의사 요소는 요소의 특정 콘텐츠에 대해 작동합니다. 작동하는 수준은 의사 클래스보다 한 수준 더 깊기 때문에 역학이 의사 클래스보다 훨씬 낮습니다. 더. 실제로 의사 요소를 디자인하는 목적은 요소 내용의 첫 글자(문자)와 첫 줄을 선택하고, 특정 내용의 앞이나 뒤를 선택하는 것인데, 이는 일반 선택자가 할 수 없는 일입니다. 그것이 제어하는 내용은 실제로 요소와 동일하지만 요소를 기반으로 한 추상화일 뿐 문서에는 존재하지 않으므로 의사 요소라고 합니다.

위 내용은 CSS는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!