第十二課 CSS基本選擇器 css學習2

2022-08-11 08:03:12 字數 898 閱讀 6811

基礎選擇器

一、標籤選擇器(元素選擇器)

標籤選擇器是指用html標籤名稱作為選擇器,按標籤名稱分類

語法:標籤名

二、類選擇器

1、類選擇器使用"."(英文)+類名進行選擇

三、css命名規範

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

2、不建議使用「_」下劃線來命名css選擇器

3、不要用純數字或中文命名

命名規範是我們通俗約定。見名知意

四、多類名選擇器

語法:class="類名1 類名2"

五、id選擇器

1、id選擇器使用"#"+id名稱 即 #id

六、類選擇器與id選擇器的區別

1、類選擇器是可以重複多次使用的

2、id選擇器 一般是唯一的,只允許使用一次

七、萬用字元選擇器

萬用字元選擇器用「*」表示,它是所有選擇器中作用範圍最廣的,

能匹配頁面中的所有元素。要謹慎使用。

偽類選擇器用於向某些選擇器新增特殊效果

八、鏈結偽類選擇器(主要針對於a標籤)

1、:link 未訪問的鏈結 如:a:link{}

2、:visited 已訪問過鏈結 如: a:visited{}

3、:hover 滑鼠移動到鏈結上 如:a:hover{}

4、:active 選定的鏈結,當我們點選不鬆開 如: a:active{}

注:書寫順序按照 link visited hover active l v h a

九、鏈結偽類選擇器簡寫

在一般開發中常用到 link 與hover 偽類

實際開發工作中,我們簡寫就好了

十一、目標偽類選擇器器

:target目標偽類選擇器 選擇器可用於選取當前活動的目標元素

十二,CSS其他選擇器

1,呼叫class選擇器 允許重複class選擇器名稱 定義 class imooc 慕課網p 呼叫 imooc 2,呼叫id選擇器 唯一 定義 name1 慕課網p 呼叫 name1 3,呼叫 選擇器 4,呼叫,選擇器 聯合選擇器,用逗號隔開 name1,name2 charset utf 8 d...

CSS 基本選擇器

css的選擇器 告訴css的 作用在哪個標籤上。基本選擇器 標籤名選擇器 div span 類選擇器 在html的標籤上,提供了屬性 class,定位到div的標籤 美工經常使用的方式 寫法 class的名稱 hehe 設定不同的標籤,具有相同的樣式 id選擇器 在html的標籤上,提供的屬性 設定...

基本CSS選擇器

基本css選擇器,復合選擇器,後代選擇器 基本css選擇器有標記選擇器 類別選擇器 id選擇器3種 1。標記選擇器 每一種html標記的名稱都可以作為相應的標記選擇器的名稱,如h1,p,等等 2。類別選擇器 類別選擇器的名稱可以由使用者自定義 格式如下 class 3。id選擇器 與類別選擇器相試 ...