百事234+641480+html塊級、行級元素介紹

xiemuran發表於2021-10-22
 html元素可以劃分為塊級元素和行級元素。
 
  塊級元素是什麼?
 
  它可以獨佔一行,可以設定寬高度,預設是100%;
 
  (相關教程推薦:html教程)
 
  行級元素與之相反,它的內容決定它的寬高度,至於特殊字元就當成是文字來看。
 
  示例:
 
  
 
  <!DOCTYPEhtml>
 
  <html>
 
  <head>
 
  <metacharset="UTF-8">
 
  <metaname="viewport"content="width=device-width,initial-scale=1.0">
 
  <title>HTML塊級、行級元素,特殊字元,巢狀規則</title>
 
  </head>
 
  <body>
 
  <!--塊元素:獨佔一行,可以設定寬高、預設寬度100%-->
 
  塊元素分為文字類和容器類
 
  文字類塊元素:p、h1——h6
 
  容器類塊元素:div、table、tr、td、frame、ul>li、ol、dl、dt、dd(序列)
 
  <!--行元素:不獨佔一行,寬高度取決於內容-->
 
  行元素:aimginputstrongemdelspan
 
  特殊字元:文字br&nbsphr
 
  </body>
 
  </html>
 
  巢狀規則:
 
  1、塊元素可以巢狀行元素;
 
  2、行元素可以巢狀行元素;
 
  3、行元素不可以巢狀塊元素;
 
  4、文字類塊元素不可以巢狀塊元素;
 
  5、容器類塊元素可以巢狀塊元素。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69997780/viewspace-2838747/,如需轉載,請註明出處,否則將追究法律責任。

相關文章