css怎么調用class
本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
css怎么調用class
我們平常在制作網頁頁面時,常會用到class選擇調用CSS樣式屬性。對學習CSS的新手來說class的使用不是很熟悉,下面我們來簡單介紹一下。
Class在程序中稱“類”,同時在CSS中也書面語也叫“類”。在CSS樣式中以小寫的“點”及“.”來命名如:.top{屬性:屬性值;}。
立即學習“前端免費學習筆記(深入)”;
也就是“.”class選擇器選取帶有指定類 (class) 的元素。
在html頁面里則以class="top"來選擇調用,如:.top{屬性:屬性值;},在html里調用為
這里是文字示例如下:
<!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>
輸出結果:
可以看出,通過“.class”選擇器能夠調用指定的class執行指定的css樣式。
注意事項:
這些都是最簡單的css,希望對初學者有幫助。
(學習視頻分享:css視頻教程)
以上就是css怎么調用class的詳細內容,更多請關注有啊網站百科其它相關文章!
- 喜歡(11)
- 不喜歡(2)