在css中,可以利用“.class”選擇器來調(diào)用class,該選擇器用于選取帶有指定class屬性的元素,語法為“.class屬性值{css樣式代碼;}”。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css怎么調(diào)用class
我們平常在制作網(wǎng)頁頁面時(shí),常會(huì)用到class選擇調(diào)用CSS樣式屬性。對(duì)學(xué)習(xí)CSS的新手來說class的使用不是很熟悉,下面我們來簡單介紹一下。
Class在程序中稱“類”,同時(shí)在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> <h1>歡迎來到我到的主頁</h1> <div class="intro"> <p>我是唐老鴨。</p> <p>我住在 Duckburg。</p> </div> <p>我最好的朋友是米老鼠。</p> </body> </html>
輸出結(jié)果:
可以看出,通過“.class”選擇器能夠調(diào)用指定的class執(zhí)行指定的css樣式。
注意事項(xiàng):
這些都是最簡單的css,希望對(duì)初學(xué)者有幫助。
(學(xué)習(xí)視頻分享:css視頻教程)