02 css基礎選擇器

2022-07-02 01:21:11 字數 1164 閱讀 2601

# 1.css選擇器作用 #

找到特點的html元素

css分為兩件事 選對標籤 做對事

選擇器分為基礎選擇器 和 復合選擇器

#  2.css基礎選擇器 ##

## 2.1標籤選擇器 ##

- 概念

-  標籤選擇器(元素選擇器)是指用**html標籤名**稱作為選擇器,按標籤名稱分類,為頁面中某一類標籤指定統一的css樣式。

- 語法

標籤名 

- 作用

- 把某一類標籤全部選擇出來 比如所有的div標籤 和 所有的span標籤

- 優點

- 快速為頁面中同型別的標籤統一樣式

- 缺點

- 不能涉及差異化樣式

## 2.2類選擇器 ##

類選擇器使用「.」(英文點號)進行標識,後面緊跟類名.

- 語法:

- 類名選擇器

html

.類名  

- 標籤

- 優點:

- 可以為元素物件定義單獨或相同的樣式。 可以選擇乙個或者多個標籤 

- 注意

- 類選擇器使用「.」(英文點號)進行標識,後面緊跟類名(自定義,我們自己命名的)

- 長名稱或片語可以使用中橫線來為選擇器命名。

- 不要純數字、中文等命名, 盡量使用英文本母來表示。

命名規範:  見附件(web前端開發規範手冊.doc)

命名是我們通俗約定的,但是沒有規定必須用這些常用的命名。

## 2.3 類選擇器特殊用法 - 多類名 ##

html

<

span

class

="blue font100"

>g

span

>

css選擇器

.font100

.blue

## 2.4 id選擇器 ##

區別於類選擇器

id選擇器具有唯一選擇性,只能選擇乙個元素

## 2.5 萬用字元選擇器 ##

萬用字元用*號表示, *就是選擇所有的標籤  他是所有選擇器中作用範圍最廣的匹配所有的元素

*

*

前端基礎 02 CSS選擇器

css樣式分為3種 優先順序 行內樣式 內嵌樣式 外部樣式 1.行內樣式 width 300px height 300px background green 2.內嵌樣式 head中間新增樣式 3.外部樣式 lesson.css樣式檔案 div 引用方式 stylesheet href lesson...

02 css的選擇器

css的選擇器 1.基本選擇器 2.高階選擇器 基本選擇器包含 1.標籤選擇器 標籤選擇器可以選中所有的標籤元素,比如div,ul,li p等等,不管標籤藏的多深,都能選中,選中的是所有的,而不是某乙個,所以說 共性 而不是 特性 body 標籤選擇器 p span 2.id選擇器 選中id 同乙個...

02 css的選擇器

css的選擇器 1.基本選擇器 2.高階選擇器 基本選擇器包含 1.標籤選擇器 標籤選擇器可以選中所有的標籤元素,比如div,ul,li p等等,不管標籤藏的多深,都能選中,選中的是所有的,而不是某乙個,所以說 共性 而不是 特性 body 標籤選擇器 pspan 2.id選擇器 選中id 同乙個頁...