CSS基本知識點(01)

標籤：family   style   ble   tab   ext   hit   元素   chm   字型   

0、未完，還有一部分未寫

1、CSS背景

　　屬性 　　　　　　　　　　          描述
　　background　　　　　　　　     簡寫屬性，作用是將背景屬性設定在一個聲明中。
　　background-attachment　　　　背景映像是否固定或者隨著頁面的其餘部分滾動。
　　background-color　　　　　　   設定元素的背景顏色。
　　background-image　　　　　　 把映像設定為背景。
　　background-position　　　　　   設定背景映像的起始位置。
　　background-repeat　　　　　　設定背景映像是否及如何重複。

2、CSS文本

　　屬性　　　　　　　　 描述
　　color　　　　　　　　設定文本顏色
　　direction　　　　　 　設定文本方向。
　　line-height　　　　　    設定行高。
　　letter-spacing　　　　 設定字元間距。
　　text-align　　　　　　對齊元素中的文本。
　　text-decoration　　　　向文本添加修飾。
　　text-indent　　　　　   縮排元素中文本的首行。
　　text-transform　　　　控制元素中的字母。
　　unicode-bidi　　　　  設定文本方向。
　　white-space　　　　  設定元素中空白的處理方式。
　　word-spacing　　 　　設定字間距。

3、CSS字型

　　屬性　　　　　　描述
　　font　　　　　　簡寫屬性。作用是把所有針對字型的屬性設定在一個聲明中。
　　font-family　　     設定字型系列。
　　font-size　　　　設定字型的尺寸。
　　font-style　　　   設定字型風格。
　　font-variant　　  以小型大寫字型或者正常字型顯示文本。
　　font-weight　　  設定字型的粗細。

4、CSS連結

　　a:link - 普通的、未被訪問的連結
　　a:visited - 使用者已訪問的連結
　　a:hover - 滑鼠指標位於連結的上方
　　a:active - 連結被點擊的時刻

　　當為連結的不同狀態設定樣式時，請按照以下次序規則：
　　a:hover 必須位於 a:link 和 a:visited 之後
　　a:active 必須位於 a:hover 之後

　　text-decoration 屬性大多用於去掉連結中的底線

5、CSS列表屬性(list)

　　屬性　　　　　　　　描述
　　list-style　　　　　　簡寫屬性。用於把所有用於列表的屬性設定於一個聲明中。
　　list-style-image　　　 將圖象設定為清單項目標誌。
　　list-style-position　　  設定列表中清單項目標誌的位置。
　　list-style-type　　　　設定清單項目標誌的類型。

6、CSS表格屬性(Table)

　　屬性　　　　　　　　描述
　　border
　　border-collapse　　   設定是否把表格邊框合并為單一的邊框。
　　border-spacing　　     設定分隔儲存格邊框的距離。
　　caption-side　　　　   設定表格標題的位置。
　　empty-cells　　　　    設定是否顯示表格中的空儲存格。
　　table-layout　　　　  設定顯示單元、行和列的演算法。

7、盒子模型

　　margin：外邊距
　　外邊距合并指的是，當兩個垂直外邊距相遇時，它們將形成一個外邊距。合并後的外邊距的高度等於兩個發生合并的外邊距的高度中的較大者。
　　padding：內邊距
　　border：邊框
　　border-style、border-color、border-width
　　內容

8、CSS定位(position)

　　1、相對定位(relative)
　　　　1、佔用文檔流
　　　　2、是基於原來文檔流中的位置
　　　　3、以邊框為基準
　　2、絕對位置(absolute)
　　　　1、脫離文檔流
　　　　2、是以瀏覽器視窗為基本位置
　　　　3、以邊框為基準
　　3、fixed
　　　　相對於視窗的定位
　　4、浮動(float)
　　　　1、脫離文檔流
　　　　2、會把內容擠掉
　　　　clear：
　　　　清除前面的元素浮動對後面元素的影響
　　5、relative和absolute混用
　　　　1、元素作為容器時，設定為relative，其內部元素如果是absolute，內部元素以容器為基準

 

CSS基本知識點(01)