91久久久久久久久_欧美日韩中文_在线观看中文字幕亚洲_夜夜骑首页_精品久久伊人_天天色天天射天天操

當前位置: 首頁IT技術 → html的塊級元素與內嵌元素詳細分析

html的塊級元素與內嵌元素詳細分析

更多

  舉例:

   請把下面二行代碼放進body標簽里:

  

div1

  

div1

   瀏覽器的呈現效果:

   div1

   div1

  這二個div占據了二行空間,叫做塊級元素(block)。

   再把下面二行代碼也放進body標簽里:

   span1

   span2

  瀏覽器的呈現效果:

   span1 span1

  這兩個span并列在一行,叫做內聯元素(inline)。

  

  塊級元素和內嵌元素的區別:

   · 塊級元素 用來搭建網站架構、布局、承載內容,如:div、ul、li、dl、dt、dd、h1-h6、p、address……

   內聯元素 用在文本之中的某一行的修飾,如:a、span、strong、sub、sup、img……

   · 塊級元素是盒子,盒子是有寬高的,即不管里面有多少東西,外部就可以設置其寬高。

   內聯元素是袋子,其寬高由里面的東西撐起來的。

   · 塊級元素和內嵌元素之間互相轉換,轉換的代碼如下:

   display:block; /* 轉成塊元素 */

   display:inline; /* 轉成內嵌元素 */

  · 塊級元素和內嵌元素對于CSS的調用規則:

   1. 塊元素可以包含內聯元素或某些塊元素,但內聯元素卻不能包含塊元素,它只能包含其它的內聯元素:

  

—— 對

   —— 對

  

—— 錯

   2. 有幾個特殊的塊級元素只能包含內嵌元素,不能再包含塊級元素,這幾個特殊的標簽是:

   h1-h6、p、dt。

  

—— 錯

  

—— 錯

   3. li內可以包含div標簽/父級ul或者是ol

   li和div標簽都是裝載內容的容器,地位平等,沒有級別之分。

   4. 塊級元素與塊級元素并列、內嵌元素與內嵌元素并列:

  

—— 對

  

—— 對

  

—— 錯

熱門評論
最新評論
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字數: 0/500 (您的評論需要經過審核才能顯示)
主站蜘蛛池模板: 欧美视频免费在线观看 | 亚洲成人免费在线观看 | 日本免费一级 | 五月六月丁香 | 超碰免费人人 | 久久爱影视i | 97cao| 免费看黄色av | 伊人成人在线 | 国模一区二区三区 | 国产一区中文字幕 | 色av综合 | 成人免费毛片嘿嘿连载视频 | 天天天天操 | 懂色av一区二区夜夜嗨 | 欧美日韩国产成人 | 色婷婷色| 春色导航| 国产高清视频 | 国产伦精品一区二区三区视频网站 | 国产精品一区二区三区不卡 | 亚洲国产精 | 一区二区美女 | 麻豆精品一区 | 成人午夜视频在线观看 | 日韩一区二区在线播放 | 在线观看av不卡 | 国产美女视频网站 | 一区二区三区四区在线播放 | 国产二区视频在线观看 | 日本黄a三级三级三级 | 日韩精品视频在线免费观看 | 中文字幕日韩在线观看 | 国产精品99久久久久久久久久久久 | 五月婷在线 | 蜜桃91丨九色丨蝌蚪91桃色 | 精品一区二区视频 | 久久精品小视频 | 欧美性生交xxxxx久久久 | 亚洲成a | 日韩欧美大片 |