CSS中常用的五種編輯屬性

標籤：固定   order   span   margin   visit   ant   可見   類型   lis   

CSS 字型屬性

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

CSS 文字屬性

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

CSS 邊框屬性

屬性 描述 
border 簡寫屬性，用於把針對四個邊的屬性設定在一個聲明。 
border-style 用於設定元素所有邊框的樣式，或者單獨地為各邊設定邊框樣式。 
border-width 簡寫屬性，用於為元素的所有邊框設定寬度，或者單獨地為各邊邊框設定寬度。 
border-color 簡寫屬性，設定元素的所有邊框中可見部分的顏色，或為 4 個邊分別設定顏色。 
border-bottom 簡寫屬性，用於把下邊框的所有屬性設定到一個聲明中 
border-left 簡寫屬性，用於把左邊框的所有屬性設定到一個聲明中。 
border-right 簡寫屬性，用於把右邊框的所有屬性設定到一個聲明中。 
border-top 簡寫屬性，用於把上邊框的所有屬性設定到一個聲明中。

CSS 列表屬性(list)

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

CSS 背景屬性

 

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

CSS

• CSS全稱：Cascading Style Sheets.
• 層疊樣式表、階層式樣式表.
• 是一種用來表現HTML檔案樣式的電腦語言

CSS的載入

1. 瀏覽器預設樣式
2. 使用者自訂樣式
3. 作者自訂樣式

定義樣式

1. 元素開始標記中使用style屬性添加樣式（內嵌）
2. 在head標記中使用style標記指定樣式（內聯）
3. 在head標記中使用link外部連結一個CSS檔案（外聯）

CSS文法規則標記/標籤選取器

{
聲明； 
屬性：屬性值； 
           }

偽類別選取器

a:link 初始 
a:visited 訪問後 
a:hover 滑鼠移入||滑鼠移至上方 
a:active 點擊時-一瞬間 
li:nth-last(倒數）-chid(odd奇數；even偶數；3n+1表示迴圈)

後代選取器

p空格span

子級選取器

p>span

並集選取器

h1,h2,h3,span,p,li,box1......

萬用字元 *

*{margin:外邊距；padding：內邊距；}

虛擬元素選取器

div:first-letter(line):font-size:30px;

選取器權重

！important>style>id>class>元素>*

層疊機制

通過多個渠道完成，樣式屬性不同直接作用元素；元素相同判斷權重，權重相同，後覆蓋前；權重不同，以權重大的為準

繼承

子級樣式不是顯式聲明，從父級繼承；但子級可以單獨聲明樣式並且不影響父級；文字類型的樣式會被繼承

CSS中常用的五種編輯屬性