內聯元素及其特性 塊元素

2022-01-29 01:09:50 字數 503 閱讀 9523

一般的 塊級元素諸如段落、標 題...、列表。、**、表單、div和body等元素。而內聯元素則如: 表單元素、超級鏈結、影象

、........

內聯元素只能容納文字或者其他內聯元素,它允許其他內聯元素與其位於同一行,但寬度(width)高度(height)不起作用。

img的內聯是預設的,但是由於img 標籤本身存在 width 和 height 屬性,所以css 可以這樣寫,是為了讓其儲存一致性,補充其屬性的靈活性,故可不必深究原因。

內聯元素注意以下幾點(沒有設定display:block;也沒有設定float:left;):

1.內聯元素的width height不起作用

2.內斂元素的padding 只有padding-left 和padding-right起作用

3.內聯元素的margin 只有margin-left 和margin-right 起作用

若想要上述不起作用的屬性起作用,則display:block;

塊元素 內聯元素 內聯塊元素

元素就是標籤 在布局中常用標籤有三種 塊元素 內聯元素 內聯塊元素 1.塊元素也是行級元素 在布局中常用的標籤有 div p ul li h1 h6 dl dd dt等。在布局中的行為 如果不設定固定寬度預設百分之百,不設定高度 由內容撐起,獨佔一行 2.內聯元素也是行內元素 在布局中常用的標籤有 ...

塊元素 內聯元素 內聯塊元素

元素就是標籤,布局中常用的有三種標籤,塊元素 內聯元素 內聯塊元素,了解這三種元素的特性,才能熟練的進行頁面布局。塊元素 塊元素,也可以稱為行元素,布局中常用的標籤如 div p ul li h1 h6 dl dt dd等等都是塊元素,它在布局中的行為 內聯元素 內聯元素,也可以稱為行內元素,布局中...

塊元素 內聯元素 內聯塊元素

一 塊元素 行元素 div p ul li h1 h6 dl dt dd 盒子佔據一行 即使設定了寬度 支援全部的樣式 如果沒有設定寬度,預設的寬度為父級寬度100 二 內聯元素 行內元素 a span em b strong i 盒子並在一行 支援部分樣式 不支援寬 高 margin上下 padd...