內聯元素與塊級元素

塊級元素

內聯元素

獨佔一行，前後都有換行符，寬度自動填滿父元素

前後沒有換行符，相鄰的內聯元素排列在同一行，排不下換行，其寬度根據元素內容變化

可以設定width，height

不可設定width，height（< img > < input >除外,見下面）

可以設定margin、padding

可設定左右的內外邊距，上下邊距不生效

常見：< div >,< h1 -h6 >,< ul >,< ol >,< li >,< p >,< dd >,< dt >,< dl >,< form >,< table >…

< a >,< img >,< input >，< b >,< i >,<,span >,< strong >,< lable >,< br >,< textarea >…

內聯元素與塊級元素

一 行內元素與塊級元素的區別 1 塊級元素的特點 1 總是從新行開始 2 高度，行高 外邊距以及內邊距都可以控制。3 寬度預設是容器的100 4 可以容納內聯元素和其他塊元素。2 內聯元素的特點 1 和相鄰行內元素在一行上。2 高 寬無效，但水平方向的padding和margin可以設定，垂直方向的...

塊級元素與內聯元素

塊級元素 block element div 最常用的塊級元素 dl 和dt dd搭配使用的塊級元素 dl dt dd是乙個組合型標籤 標籤標準用法，如下 標題1dt 列表1dd 列表2dd dl 同時dd內可以放標籤使用。form 互動表單 h1 大標題 hr 水平分隔線 ol 排序表單 p 段落...

內聯元素與塊級元素

在標準文件流裡面，也就是沒有其它一些css樣式控制的情況下，塊級元素會佔據一行，也就是寬頻始終是與瀏覽器寬度一樣，與內容無關。而行內元素 也叫內聯元素 的寬度只與內容有關。內聯元素 inline element 一般都是基於語義級 semantic 的基本元素。內聯元素只能容納文字或者其他內聯元素，...