這篇文章主要介紹“css選擇器的形式有哪些”,在日常操作中,相信很多人在css選擇器的形式有哪些問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”css選擇器的形式有哪些”的疑惑有所幫助!接下來,請跟著小編一起來學(xué)習(xí)吧!
網(wǎng)站建設(shè)哪家好,找創(chuàng)新互聯(lián)!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、小程序設(shè)計、集團企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了佳縣免費建站歡迎大家使用!
當(dāng)我們定義一條樣式規(guī)則時候,這條樣式規(guī)則會作用于網(wǎng)頁當(dāng)中的某些元素,而我們的規(guī)定的這些元素的規(guī)則就叫做選擇器
1.id選擇器
2.類選擇器
3.標(biāo)簽選擇器
4.交叉選擇器
5.群組選擇器
6.后代選擇器 (包含選擇器 )-父級和子級用空格隔開
7.通用選擇器:*{}
css選擇器
偽類選擇器
同一個html元素在不同狀態(tài)下的不同樣式
a:visited {color: #00FF00} /*已訪問的鏈接 */
a:hover {color: #FF00FF} /*鼠標(biāo)移動到鏈接上*/
css的繼承性和疊加性
1.繼承性
后代元素會繼承前輩元素的一些文字屬性和樣式
2.疊加性
同一個元素,被多個樣式規(guī)則指定。
因為css的繼承性和疊加性,就有了css優(yōu)先級的概念
選擇器的優(yōu)先級
css注釋
注釋
任何語言都有注釋,當(dāng)然CSS也不例外
CSS的注釋為/*注釋內(nèi)容*/
塊元素和行內(nèi)元素
我們已經(jīng)學(xué)習(xí)了很多的HTML標(biāo)簽,不同的標(biāo)簽有不同的特性,比如從文檔流的角度區(qū)分,那么標(biāo)簽元素分為塊標(biāo)簽與行標(biāo)簽
塊標(biāo)簽即標(biāo)簽元素是一個塊,即有寬、高屬性,同時塊標(biāo)簽會獨占一行,比如說H1~H6、P、li等標(biāo)簽都是塊標(biāo)簽,當(dāng)然也包括我們即將學(xué)習(xí)的DIV標(biāo)簽
行標(biāo)簽正好與塊標(biāo)簽意義相反,行標(biāo)簽不具有寬、高特性,mrgin屬性的值,只有左右沒有上下。也不會占一行,所以我們可以利用行標(biāo)簽對文字進行區(qū)塊指定不同的CSS樣式達到不同的效果,行標(biāo)簽也很多,如em、span標(biāo)簽等
到此,關(guān)于“css選擇器的形式有哪些”的學(xué)習(xí)就結(jié)束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí),快去試試吧!若想繼續(xù)學(xué)習(xí)更多相關(guān)知識,請繼續(xù)關(guān)注創(chuàng)新互聯(lián)網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
名稱欄目:css選擇器的形式有哪些
網(wǎng)站地址:http://jinyejixie.com/article48/iisdhp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)網(wǎng)站建設(shè)、虛擬主機、網(wǎng)站策劃、電子商務(wù)、網(wǎng)站改版、小程序開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)