認識內邊距

doctype html

>
<
html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
>
<
title
>認識內邊框
title
>
<
style
>
diva
style
>
head
>
<
body
>
<
div>文字內容
div>
<
a href
="#"
>首頁
a>
<
a href
="#"
a>
body
>
html
>

要搞清以下概念：

1.text-align：表示文字在盒子裡水平位置；

2.line-height：行距，表示文字在盒子裡垂直距離；

3.padding：表示邊框與文字之間的距離。

4.span 是行內元素，無法設定寬和高；div是塊級元素可以設定寬和高。

div 設定為 display:inline-block時，可顯示寬高；

div設定為 display:inline時，寬高失效，為文字的寬高，文字有多寬（高），盒子有多寬（高）；

span設定為 display:block，可顯示寬高。

內邊距和外邊距

內邊距，在邊框和內容區之間的空白區域。padding 屬性接受長度值或百分比值 或者auto 不允許為負值 1.四個方向內邊距一致時 padding 10px 元素距離外部父元素給邊框的距離均為10px 2.四個方向還可按著上 右 下 左的順序分別定義各內邊距 padding 10px 5px 10...

內邊距與外邊距

內邊距就是邊框與內容之間的距離 padding top padding right padding bottom padding left padding 上 右 下 左 當省略上右下左中的乙個時，預設與對面的值保持一致，即下對應上 左對應右 我是內容我是內容我是內容 我是內容我是內容我是內容 我是...

css 內邊距 外邊距 邊框

1.內邊距css padding 屬性定義元素邊框與元素內容之間的空白區域。例子 padding left 20px 屬性 描述padding 簡寫屬性。作用是在乙個宣告中設定元素的所內邊距屬性。padding bottom 設定元素的下內邊距。padding left 設定元素的左內邊距。padd...