溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css中有哪些選擇符

發(fā)布時間:2021-02-24 09:20:44 來源:億速云 閱讀:147 作者:清風(fēng) 欄目:web開發(fā)

這篇“css中有哪些選擇符”文章,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要參考一下,對于“css中有哪些選擇符”,小編整理了以下知識點,請大家跟著小編的步伐一步一步的慢慢理解,接下來就讓我們進入主題吧。

css中主要的三種選擇符,分別為:id選擇符、class類選擇符和元素選擇符。id選擇符可以為標有特定id的HTML元素指定特定的樣式;class類選擇器允許以一種獨立于文檔元素的方式來指定樣式;元素選擇符選擇指定元素名稱的所有標簽元素。

css中主要的三種選擇符

1、元素選擇器:

作用:選擇指定元素名稱的所有元素。

語法:

 元素{
       樣式聲明; 
    }

ex(例子):

頁面上所有的p文字大小為12px,文字顏色為橘黃色

頁面上所有的span元素顏色為紅色

命令顯示圖

css中有哪些選擇符

網(wǎng)頁實例顯示圖

css中有哪些選擇符

【 】

2、類選擇器

class 選擇器用于描述一組元素的樣式,class 選擇器有別于id選擇器,class可以在多個元素中使用。

class 選擇器在HTML中以class屬性表示, 在 CSS 中,類選擇器以一個點"."號顯示

語法:

  .類名{樣式聲明;}

類名:

  • 能以數(shù)字開始

  • 除_,-意外不能有其它特殊符號

引用:

引用方式 - 多類選擇器的引用

可以將多個類選擇器,同時應(yīng)用在一個元素中

語法: <ANY class=“class1 class2 class3”>

4、ID選擇器:

作用:針對指定ID值的元素去定義樣式

語法:

#ID值{樣式聲明}

ID值,一定要對應(yīng)某個元素的ID值

ex(例子):

定義頁面中 id為header 的元素 的文字大小為 30pt,背景顏色為 orange色
定義頁面中 id為main的元素文字大小18pt, 加粗顯示(font-weight:bold)
2.定義頁面中 id為img_list 的元素背景顏色為綠色,斜體顯示文字(屬性:
font-style,值: italic)

命令顯示圖:

css中有哪些選擇符

網(wǎng)頁示例圖:

css中有哪些選擇符

以上是“css中有哪些選擇符”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI