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 (您的評論需要經過審核才能顯示)
主站蜘蛛池模板: 亚洲国产激情 | 久久久午夜精品 | 国产精品一区二区在线播放 | 国产区在线视频 | 国产男女无遮挡猛进猛出 | 北岛玲av| 91欧美大片 | 国产不卡视频 | 午夜激情网| 亚洲射| 69精品视频| 日韩视频一区二区 | 国产精品网站在线观看 | 日本一区二区不卡视频 | 91天堂网| 成人深夜视频 | 中文字幕av片 | 亚洲福利片 | 日韩中文字幕在线视频 | 97中文字幕 | 日韩色av | 久久久久久99精品久久久 | 一级免费视频 | 中文字幕免费在线看线人动作大片 | 日韩一区二区三区在线 | 亚洲欧美第一页 | 国产精品久久网 | 精品一区av | 一级黄色片在线观看 | 国产精品tv | 国内精品国产成人国产三级 | 黄网在线播放 | 一级特黄妇女高潮 | 国产精品成人网 | 日韩免费网站 | 三级在线播放 | 免费黄色大片 | 久久激情网| 在线观看日韩欧美 | 亚洲精品日韩精品 | 国产精品乱码一区二区三区 |