DIV的id和class
生活随笔
收集整理的這篇文章主要介紹了
DIV的id和class
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
在html代碼中，以 class="xxx" 指明div的css類；用 id="xxx" 定義一個div的id；
在css樣式定義中，以 .abc 定義一個css類abc，一個類可以用到html多個元素；以 #abc 定義id為abc的元素的樣式；
效果如下；
碼； 第一個div的css類為"exp"，第二個div的id為"exp"，第三個和第四個div應用了css類"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 類 </div> <p></p> <div id="exp"> div2, id 為exp </div> <p></p> <div class="abc">div3 abc類</div> <p></p> <div class="abc">div3 abc類</div> </body> </html>?
總結
以上是生活随笔為你收集整理的DIV的id和class的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： Oracle 作业学习总结
- 下一篇： 编译JDK源码学习