CSS盒子的基本屬性(概念)

2021-08-16 20:19:08 字數 727 閱讀 5807

1. 內容區域設定(content):

寬度和高度的設定可以是具體的數值(帶單位),也可以是百分比設定。

2. 內邊距(padding)的設定:

3. 外邊距(margin)的設定

4. 邊框(border)的設定

5. 方向性復合屬性值的縮寫方法

具有方向性的復合屬性可以在乙個宣告中設定所有方向的定義,該屬性可以具有1—4個值。值說明

例子例子注釋

1個值4個方向

margin:10px;

/*所有4個外邊距都是10px*/

2個值上下/左右

border-width:5px 10px;

/*上下邊框寬度為5px,左右邊框寬度為10px*/

3個值上/左右/下

padding:30px 20px 10px;

/*上下內邊距為30px,左右內邊距為20px,下內邊距為10px*/

4個值上/右/下/左

padding:5px 10px 15px 20px;

/*上內邊距為5px,右內邊距為10px,下內邊距為15px,做內邊距為20px*/

CSS基本屬性

一 visibility屬性 display none 隱藏元素 visibility 顯示 隱藏的 取值 1 visible 預設的可見的 2 hidden 隱藏 依然佔據頁面空間 3 collapse 使用在 元素上 刪除一行和一列的時候不影響 的整體布局 diplay 和 visibility...

CSS基本屬性

background 背景 background color 背景色 background image 背景 background repeat 背景圖平鋪方式 簡寫 background gray url xx.png no repeat 背景色,背景,平鋪方式 font 字型 font styl...

搞定css基本屬性

css層疊樣式表,級聯樣式,簡稱才是樣式表 實現了內容和表示的分離 css和html之間的關係 html是負責網頁的結構 css 是負責構建html元素的樣式 css作用 1.以統一的方式實現樣式的定義 2.提高頁面樣式的可重用性和可維護性 內聯樣式 行內樣式 內部樣式 在head標籤中 外部樣式表...