第四章 4 1 4 2(盒子模型的相關屬性)

2021-10-01 12:35:04 字數 2117 閱讀 8169

width                  /*盒子模型的寬度*/  

height /*盒子模型的高度*/

border /*盒子模型的邊框*/

background /*盒子模型的背景*/

padding /*盒子模型的內邊距*/

margin /*盒子模型的外邊距*/

雖然盒子模型擁有 高度,寬度,邊框,背景,內邊距,外邊距這些屬性,但是並不要求每乙個元素都定義這些屬性

1。設定邊框樣式

none 預設時 也就是沒有邊框

solid 邊框單實線

dashed 虛線

dotted 電線

double 雙實線

可以對盒子的單邊設定也可以綜合設定

border-top-style 上邊框樣式

border-right-style 有邊框樣式

border-bottom-style 下邊框樣式

border-left-style 做邊框樣式

border-style 上 右 下 左 邊框

上 左右 下 邊框

上下 左右 邊框

上下左右 邊框

2 設定邊框寬度

border-top-width 上邊框寬度

border-ringht 右邊框寬度

注意:設定邊框寬度時同樣必須設定邊框樣式,如果未設定樣式,,或設定為none,則其他的邊框屬性無效

邊框寬度也可以 單個設定 也可以綜合設定

3.設定邊框顏色

border-top-color 上邊框顏色

border-right-color 右邊框顏色

邊框顏色也是可以單個設定 也可以綜合一起設定

注意:設定邊框顏色時同樣必須設定邊框樣式,如果未設定樣式,,或設定為none,則其他的邊框屬性無效

4 綜合設定邊框

border-top :上邊框寬度 樣式 顏色

border-right: 右邊框寬度 樣式 顏色

上面的設定方式中 寬度 樣式 顏色 順序沒有要求 不分先後 只需要設定需要設定的就可以 不需要設定的可以的 不用寫 為預設值

padding 屬性用於設定內邊框 與邊框屬性border一樣 也是復合屬性

padding-top 上內邊距

padding-right 右內邊距

padding 上內邊距 右內邊距 下內邊距 左內邊距

margin 屬性用於設定內邊框 與邊框屬性border一樣 也是復合屬性

margin-top 上外邊距屬性

margin-right 右外邊距屬性

margin; 上外邊距 右外邊距 下外邊距 左外邊距

1.設定背景顏色

background-color red

2.設定背景

body

3.設定背景平鋪

repeat: 沿水平和垂直兩個方向平鋪 也是 預設值

no-repeat:不平鋪(影象位於元素的左上角 只顯示一次)

repeat-x:只沿著水平方向平鋪

repeat-y 只沿著垂直方向平鋪

4.設定背景的位置

body

5設定背景影象固定

scroll:影象隨元素頁面一起滾動(預設值)

fixed:影象固定在螢幕上,不隨頁面元素滾動

6綜合設定元素的背景

符合css規範的盒子模型的總寬度與總高度的計算原則如下

盒子的總寬度=「width」+左右內邊距之和+左右邊框寬度之和+左右外邊距之和

盒子的總高度=height+上下內邊距這和+上下邊框款難度之和+上下外邊距之和

寬度屬性width和高度屬性height僅適用於塊級元素,對行內元素無效(標記和除外)

計算盒子模型的總高度時,還行考慮上下兩個盒子垂直外邊距合併的情況

第四章 模型

1 資料庫配置 在setting.py中資料庫設定連線資訊設定如下 databases 在專案下的 init py中新增資料庫匯入 import pymysql 配置mysql引用 pymysql.install as mysqldb 乙個作者有姓,有名及email位址。出版商有名稱,位址,所在城市...

第四章 一 需求模型

1.需求詳解 需求指的是系統的功能,但不是指系統的所有功能。需求是能給使用者帶來價值的功能,或對客戶有意義的功能 例如 atm atm的功能有很多,顯示餘額 密碼認證 入鈔 驗證鈔票真偽 點鈔 出鈔 記賬 列印憑據。這裡對客戶有意義或有價值的是 顯示餘額 入鈔 出鈔 列印憑據。而密碼認證 鈔票真偽驗...

第四章 分布式模型

面向聚合資料庫非常適用於橫向擴充套件方式,因為聚合此時就自然成了資料分布單元。資料分布有兩條路徑 複製和分片,這兩種方法可以混合用 複製 同乙份資料拷貝到多個節點。有主從式和對等式兩種。分片 不同資料存放在不同節點中。4.1 單一伺服器 4.2 分片 一般,資料庫的繁忙體現在 不同使用者需要訪問的資...