1. 什麼是內邊距：
內容區域與邊框之間的距離
特點：會擴大元素邊框所占用的區域。
padding：value；
單邊設定：
padding-top/right/bottom/left:value;
取值： 1. 單位可以為：px
2. 單位可以為：%
padding:value；四個方向的內邊距
padding：v1 v2; v1上下 v2左右
padding：v1 v2 v3;上 左右 下
padding：v1 v2 v3 v4;上 右 下 左
對行內元素和行內塊元素設定內邊距（上下）時，
只會影響自己，並不會影響到其他元素；
網頁示例圖：
作用：
重新指定元素框模型的計算模式
元素邊框內占地區域=左右邊框+左右內邊距
+width
預設值，採用預設計算模式即內邊距以及邊框會 累加到元素的尺寸中。元素的尺寸 會包含邊框和內邊距 。1. 背景顏色，背景影象屬性： background-color
取值： 任意合法顏色 或 transparent
注意： 背景顏色會填充到元素的內容區域、內邊距區域以及邊框區域
作用：以影象作為元素的背景
屬性： background-image
取值：url（背景影象路徑）
屬性： background-repeat
取值：1. repeat
預設值，水平垂直方向都平鋪
2. repeat-x
僅在水平方向平鋪
3. repeat-y
僅在垂直方向平鋪
4. no-repeat
不平鋪
屬性：background-size
取值：
1. value1 value2
制定背景影象的寬度和高度，px為單位
2. value1% value2%
採用當前元素的寬和高的百分比作為背景影象大小
3. cover
覆蓋將背景圖等比放大，知道背景圖完全覆蓋到元素的所有區域為止
4. contain
包含將背景圖等比放大，直到背景影象的下邊或右邊有乙個邊緣碰到元素為止
屬性： background-attachment
取值：1. scroll
滾動，預設值，背景圖會隨著文件而滾動
2. fixed
固定，背景圖不會隨著頁面文件而發生滾動，一直保持在視覺化區域中的
固定位置處
作用：改變背景影象在元素中的預設位置
屬性：background-position
取值：1. x y
x：背景圖水平偏移距離，取值為正，
向右偏移，取值為負，向左偏移
2. x% y%
0% 0%:背景圖在元素左上角
100% 100% ： 背景圖在元素右下角
50% 50%： 背景圖在元素的中間
3. 關鍵字
x: left / center / right
y : top / center / bottom
background-position:center;/*水平和垂直都在中間位置處*/
background-position：left top;/*背景圖在左上方 */
background-position：top right；/*背景圖在右上方*/
網頁示例圖：
8. css sprites：（ 雪碧圖，精靈圖）
作用：
將一些小的的背景圖，合併到大的背景當中去，
以便實現減少伺服器端的請求次數
步驟： 1. 根據要看的影象大小，建立乙個元素
2. 將"雪碧圖"作為元素的背景圖，再通過背景
影象位置實線位置偏移，將使用者要看的影象，
顯示在元素中。
**在ps中的快捷鍵：**
ctrl + 『+』：放大影象
ctrl + 『-』：縮小影象
ctrl + 『d』：取消選區（虛線框）
屬性： background
取值： color url（） repeat attachment
position；
注意： 如果不設定其中的某個值，將採用預設值。
css 內邊距 外邊距 邊框
1.內邊距css padding 屬性定義元素邊框與元素內容之間的空白區域。例子 padding left 20px 屬性 描述padding 簡寫屬性。作用是在乙個宣告中設定元素的所內邊距屬性。padding bottom 設定元素的下內邊距。padding left 設定元素的左內邊距。padd...
CSS內邊距和外邊距
一 內邊距 css padding 屬性定義內邊距，即邊框與元素內容之間的空白區域 padding 屬性接受長度值或百分比值，但不允許使用負值 可以依次表達，也可以按照上右下左的順序分別設定各邊的內邊距，各邊均可以使用不同的單位或百分比值 例如h1 等效於 h1 百分數值是相對於其父元素的 widt...
Css中內邊距 邊框和外邊距的關係
css 框模型 元素框的最內部分是實際的內容，直接包圍內容的是內邊距。內邊距呈現了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距，外邊距預設是透明的，因此不會遮擋其後的任何元素。內邊距 邊框和外邊距都是可選的，預設值是零。但是，許多元素將由使用者 樣式表設定外邊距和內邊距。可以通過將元素的 mar...