這篇“css中有哪些選擇符”文章,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要參考一下,對于“css中有哪些選擇符”,小編整理了以下知識點(diǎn),請大家跟著小編的步伐一步一步的慢慢理解,接下來就讓我們進(jìn)入主題吧。
成都創(chuàng)新互聯(lián)公司是專業(yè)的泰興網(wǎng)站建設(shè)公司,泰興接單;提供做網(wǎng)站、網(wǎng)站制作,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行泰興網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!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)"."號顯示
語法:
.類名{樣式聲明;}
類名:
能以數(shù)字開始
除_,-意外不能有其它特殊符號
引用:
引用方式 - 多類選擇器的引用
可以將多個(gè)類選擇器,同時(shí)應(yīng)用在一個(gè)元素中
語法:
4、ID選擇器:
作用:針對指定ID值的元素去定義樣式
語法:
#ID值{樣式聲明}
ID值,一定要對應(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)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!