小編給大家分享一下css如何調(diào)用class,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
創(chuàng)新互聯(lián)公司于2013年開始,先為大渡口等服務(wù)建站,大渡口等地企業(yè),進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為大渡口企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。
在css中,可以利用“.class”選擇器來調(diào)用class,該選擇器用于選取帶有指定class屬性的元素,語法為“.class屬性值{css樣式代碼;}”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
我們平常在制作網(wǎng)頁頁面時,常會用到class選擇調(diào)用CSS樣式屬性。對學(xué)習(xí)CSS的新手來說class的使用不是很熟悉,下面我們來簡單介紹一下。
Class在程序中稱“類”,同時在CSS中也書面語也叫“類”。在CSS樣式中以小寫的“點(diǎn)”及“.”來命名如:.top{屬性:屬性值;}。
也就是“.”class選擇器選取帶有指定類 (class) 的元素。
在html頁面里則以class="top"來選擇調(diào)用,如:.top{屬性:屬性值;},在html里調(diào)用為<div class="top">這里是文字</div>
示例如下:
<!DOCTYPE html> <html> <head> <style> .intro { background-color:yellow; } </style> </head> <body> <h2>歡迎來到我到的主頁</h2> <div class="intro"> <p>我是唐老鴨。</p> <p>我住在 Duckburg。</p> </div> <p>我最好的朋友是米老鼠。</p> </body> </html>
輸出結(jié)果:
可以看出,通過“.class”選擇器能夠調(diào)用指定的class執(zhí)行指定的css樣式。
注意事項(xiàng):
這些都是最簡單的css,希望對初學(xué)者有幫助。
以上是“css如何調(diào)用class”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
新聞標(biāo)題:css如何調(diào)用class
當(dāng)前路徑:http://jinyejixie.com/article38/ggsisp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供移動網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、網(wǎng)站營銷、網(wǎng)站設(shè)計(jì)公司、Google、App開發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)