CSS에서 태그를 선택하는 방법

WBOY
풀어 주다: 2021-12-03 16:34:56
원래의
6120명이 탐색했습니다.

CSS에서 태그를 선택하는 방법: 1. id 선택기를 사용합니다. 구문은 "#id name {css code;}"입니다. 2. 클래스 선택기를 사용합니다. 구문은 ".class name {css code;}"입니다. ; 3. 태그 선택기를 사용하세요. 구문은 "태그 이름 {css code;}"입니다. 4. 와일드카드 선택기를 사용하세요. 구문은 "*{css code;}"입니다.

CSS에서 태그를 선택하는 방법

이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS에서 태그를 선택하는 방법

CSS에서 태그를 선택하는 방법은 4가지가 있고, 선택기도 4가지가 있습니다.

1. ID 선택기

는 지정된 ID 이름을 기반으로 현재 인터페이스에서 해당 고유 레이블을 찾은 다음 지정된 ID에 따라

#id名称 { 属性:值; }
로그인 후 복사
    id选择器  

大多数人的帅,都是浮在表面的,是外表的帅

而EGON,不仅具备外表帅,内心更是帅了一逼

EGON就是我,我就是EGON

로그인 후 복사

2 속성을 설정합니다. 클래스 이름, 현재 인터페이스에서 해당 태그를 찾은 다음 속성을 설정합니다.

.类名称 { 属性:值; }
로그인 후 복사

Example

    id选择器  

大多数人的帅,都是浮在表面的,是外表的帅

而EGON,不仅具备外表帅,内心更是帅了一逼

EGON就是我,我就是EGON

#练习 第一行与第三行的颜色都是红色 第一行与第二行的字体大小都是50px 第二行与第三行内容有个下划线 id选择器

第一行内容

第二行内容

第三行内容

로그인 후 복사

3. 태그 선택기

지정된 태그 이름에 따라 현재 인터페이스에서 이 이름을 가진 모든 태그를 찾습니다. 그런 다음 속성을 설정합니다.

标签名称 { 属性:值; }
로그인 후 복사

예는 다음과 같습니다.

    标签选择器  

EGON美丽的外表下其实隐藏着一颗骚动的心

      • 这颗心叫做七巧玲珑心,男人吃了会流泪,女人吃了会怀孕

로그인 후 복사

4. 와일드카드 선택기

모든 태그 선택

* { 属性:值; }
로그인 후 복사
    通配符选择器  

我是标题

我是段落

我是超链接
로그인 후 복사
(동영상 공유 학습:

css 동영상 튜토리얼

)

위 내용은 CSS에서 태그를 선택하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
css
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!