css中有哪些選擇符

這篇“css中有哪些選擇符”文章，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要參考一下，對(duì)于“css中有哪些選擇符”，小編整理了以下知識(shí)點(diǎn)，請(qǐng)大家跟著小編的步伐一步一步的慢慢理解，接下來就讓我們進(jìn)入主題吧。

成都網(wǎng)站建設(shè)、網(wǎng)站制作介紹好的網(wǎng)站是理念、設(shè)計(jì)和技術(shù)的結(jié)合。成都創(chuàng)新互聯(lián)擁有的網(wǎng)站設(shè)計(jì)理念、多方位的設(shè)計(jì)風(fēng)格、經(jīng)驗(yàn)豐富的設(shè)計(jì)團(tuán)隊(duì)。提供PC端+手機(jī)端網(wǎng)站建設(shè)，用營(yíng)銷思維進(jìn)行網(wǎng)站設(shè)計(jì)、采用先進(jìn)技術(shù)開源代碼、注重用戶體驗(yàn)與SEO基礎(chǔ)，將技術(shù)與創(chuàng)意整合到網(wǎng)站之中，以契合客戶的方式做到創(chuàng)意性的視覺化效果。

css中主要的三種選擇符，分別為：id選擇符、class類選擇符和元素選擇符。id選擇符可以為標(biāo)有特定id的HTML元素指定特定的樣式；class類選擇器允許以一種獨(dú)立于文檔元素的方式來指定樣式；元素選擇符選擇指定元素名稱的所有標(biāo)簽元素。

css中主要的三種選擇符

1、元素選擇器：

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

語法：

 元素{
       樣式聲明； 
    }

ex(例子)：

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

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

命令顯示圖

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

【 】

2、類選擇器

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

class 選擇器在HTML中以class屬性表示, 在 CSS 中，類選擇器以一個(gè)點(diǎn)"."號(hào)顯示

語法：

  .類名{樣式聲明;}

類名：

• 能以數(shù)字開始

• 除_,-意外不能有其它特殊符號(hào)

引用：

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

可以將多個(gè)類選擇器，同時(shí)應(yīng)用在一個(gè)元素中

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

4、ID選擇器：

作用：針對(duì)指定ID值的元素去定義樣式

語法：

#ID值{樣式聲明}

ID值，一定要對(duì)應(yīng)某個(gè)元素的ID值

ex（例子）：

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

命令顯示圖：

網(wǎng)頁示例圖：

以上是“css中有哪些選擇符”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站欄目：css中有哪些選擇符
分享鏈接：http://muchs.cn/article46/pieseg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、虛擬主機(jī)、定制開發(fā)、網(wǎng)頁設(shè)計(jì)公司、手機(jī)網(wǎng)站建設(shè)、小程序開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)