css基本選擇器操作

2021-07-23 04:54:16 字數 1367 閱讀 2555

格式:選擇器

選擇器定義在type="text/css">style>之中

如:< html >< body >< hx >< p >…都是標籤選擇器

/*例:*/

/*p就是標籤,12號字型大小,1.6em行間距*/

p

命名規則:英文圓點開頭」.」,後加任意名稱(非中文)

格式:.類選器名稱

/*使用方法*/

.test

/*定義*/

class="test">測試span> /*使用*/

命名規則:」#」開頭,後加任意名稱(非中文)

格式:#id名稱

#test

/*定義*/

id="test">測試span> /*使用*/

選擇器

區別id選擇器

定義後只可以使用一次

類選擇器

定義後可以多次使用

id選擇器

乙個元素只可以設定乙個id選擇器

類選擇器

乙個元素可以同時設定多個類選擇器

格式:.英文名稱》指定標籤

/*使用例:*/

.test>li

/*設定邊框樣式*/

class="test">

運動游泳li>

打球li>

ul>

li>

ul>

把子選擇器的」>」換成空格」 「就行了

「>」作用於元素第一代後代,空格」 「作用於元素所有後代

/*可以去嘗試改變子選擇器的**,看下之間有什麼不一樣*/
格式:*

/*作用於全部*/

*

由於相容性問題,一般只使用a:hover組合,但是還有別的組合

a

:hover

/* 定義 */

href="**">顯示a>

/* 此時,滑鼠滑過該連線,會顯示出紅色 */

同時設定多個相同選擇器,逗號」,」

格式:h1,span

等同於:

h1 span

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選擇器 與類別選擇器相試 ...

CSS基本選擇器

作用 選擇介面上的某乙個或者某一類元素 標籤選擇器會選擇到頁面上所有的這個標籤的元素 h1 h1為標籤 選擇所有class屬性一致的標籤,跨標籤 同乙個標籤,但是顏色不同,則不能用標籤選擇器。在標籤內定義class,並在style中分別用類選擇器定義顏色 好處 可以多個標籤歸類,是同乙個class,...