當(dāng)前位置:
首頁(yè) >
DIV的id和class
發(fā)布時(shí)間:2025/4/14
42
豆豆
生活随笔
收集整理的這篇文章主要介紹了
DIV的id和class
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
在html代碼中,以 class="xxx" 指明div的css類(lèi);用 id="xxx" 定義一個(gè)div的id;
在css樣式定義中,以 .abc 定義一個(gè)css類(lèi)abc,一個(gè)類(lèi)可以用到html多個(gè)元素;以 #abc 定義id為abc的元素的樣式;
效果如下;
碼; 第一個(gè)div的css類(lèi)為"exp",第二個(gè)div的id為"exp",第三個(gè)和第四個(gè)div應(yīng)用了css類(lèi)"abc";
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>div id and class </title> <style>.exp{ width:200px; color:#F00; height:100px; border:3px solid #F00} #exp{ width:300px; height:80px; color:#00F; border:3px solid #00F} .abc{ width:150px; color:#0F0; height:60px; border:3px solid #0F0; background-color:#000} </style> </head><body><div class="exp"> div1, exp 類(lèi) </div> <p></p> <div id="exp"> div2, id 為exp </div> <p></p> <div class="abc">div3 abc類(lèi)</div> <p></p> <div class="abc">div3 abc類(lèi)</div> </body> </html>?
總結(jié)
以上是生活随笔為你收集整理的DIV的id和class的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: Oracle 作业学习总结
- 下一篇: 编译JDK源码学习