亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

搜索
博主信息
博文 26
粉絲 2
評論 0
訪問量 30314
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
html文檔結構及元素樣式定義
leverWang
原創(chuàng)
1344人瀏覽過

html文檔結構

  1. <html>
  2. <head>
  3. <meta charset='UTF-8'>
  4. <title>網頁文檔標題</title>
  5. </head>
  6. <body>
  7.     網頁內容
  8. </body>
  9. </html>

html元素的三大通用屬性

  • id相當于身份證，用來唯一標示網頁元素
  • class相當于標簽的類屬性，用于元素分類
  • style屬性是用來描述元素樣式

    例子:

<h1 id="abc" class="ab" style="color:red;">example</h1>

元素，類，id不同級別的樣式規(guī)則

id 用#來定義樣式,例如:

  1. <style>
  2.     #example{
  3.          background-color: blue;
  4.     }
  5. </style>
  7. <div id="example">示例</div>

類class 用.來定義樣式,例如:

  1. <style>
  2.    .example{
  3.          background-color: blue;
  4.     }
  5. </style>
  7. <div class="example">示例</div>

元素用標簽來定義樣式,例如:

  1. <style>
  2.     p{
  3.          background-color: red;
  4.     }
  5. </style>
  7. <p>示例</p>

樣式優(yōu)先級style>id>class ，內聯式css樣式表,優(yōu)先級最高的樣式表，會覆蓋元素，類，id中相同的樣式,下例中內聯樣式的綠色背景色會覆蓋id,class中定義的背景色

  1. <style>
  2.    #example{
  3.          background-color: blue;
  4.     }
  5.      .example{
  6.          background-color: yellow;
  7.     }
  8.     p{
  9.          background-color: red;
  10.     }
  11. </style>
  13. <p id="example" class="example"  style="background-color: green;">示例</p>
批改老師：WJWJ

批改狀態(tài)：合格

老師批語：寫的還可以，元素三大屬性那塊可以詳細點。
本博文版權歸博主所有，轉載請注明地址！如有侵權、違法，請聯系admin@php.cn舉報處理！
全部評論 文明上網理性發(fā)言，請遵守新聞評論服務協議
0條評論
關于我們 免責申明 意見反饋 講師合作 廣告合作 最新更新
php中文網：公益在線php培訓，幫助PHP學習者快速成長！
關注服務號 技術交流群
PHP中文網訂閱號
每天精選資源文章推送
PHP中文網APP
隨時隨地碎片化學習
PHP中文網抖音號
發(fā)現有趣的

Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號

    • 登錄PHP中文網，和優(yōu)秀的人一起學習！
    全站2000+教程免費學