css
所有CSS文本屬性。
屬性 描述
color 設(shè)置文本顏色
direction 設(shè)置文本方向。
letter-spacing 設(shè)置字符間距
line-height 設(shè)置行高
text-align 對(duì)齊元素中的文本
text-decoration 向文本添加修飾
text-indent 縮進(jìn)元素中文本的首行
text-shadow 設(shè)置文本陰影
text-transform 控制元素中的字母
unicode-bidi 設(shè)置或返回文本是否被重寫
vertical-align 設(shè)置元素的垂直對(duì)齊
white-space 設(shè)置元素中空白的處理方式
word-spacing 設(shè)置字間距
CSS 背景屬性
Property 描述
background 簡(jiǎn)寫屬性,作用是將背景屬性設(shè)置在一個(gè)聲明中。
background-attachment 背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)。
background-color 設(shè)置元素的背景顏色。
background-image 把圖像設(shè)置為背景。
background-position 設(shè)置背景圖像的起始位置。
background-repeat 設(shè)置背景圖像是否及如何重復(fù)。
CSS 鏈接
不同的鏈接可以有不同的樣式。
target:目標(biāo)的意思,設(shè)置跳轉(zhuǎn)后的網(wǎng)站是否在新窗口打開(kāi),默認(rèn)原窗口打開(kāi)
新窗口打開(kāi):添加屬性值 target="_blank",blank是空白的意思
鏈接樣式
鏈接的樣式,可以用任何CSS屬性(如顏色,字體,背景等)。
特別的鏈接,可以有不同的樣式,這取決于他們是什么狀態(tài)。
這四個(gè)鏈接狀態(tài)是:
a:link - 正常,未訪問(wèn)過(guò)的鏈接
a:visited - 用戶已訪問(wèn)過(guò)的鏈接
a:hover - 當(dāng)用戶鼠標(biāo)放在鏈接上時(shí)
a:active - 鏈接被點(diǎn)擊的那一刻
a:hover 必須跟在 a:link 和 a:visited后面
a:active 必須跟在 a:hover后面
CSS 盒子模型(Box Model)
所有HTML元素可以看作盒子,在CSS中,"box model"這一術(shù)語(yǔ)是用來(lái)設(shè)計(jì)和布局時(shí)使用。
CSS盒模型本質(zhì)上是一個(gè)盒子,封裝周圍的HTML元素,它包括:邊距,邊框,填充,和實(shí)際內(nèi)容。
盒模型允許我們?cè)谄渌睾椭車剡吙蛑g的空間放置元素。
Margin(外邊距) - 清除邊框外的區(qū)域,外邊距是透明的。
Border(邊框) - 圍繞在內(nèi)邊距和內(nèi)容外的邊框。
Padding(內(nèi)邊距) - 清除內(nèi)容周圍的區(qū)域,內(nèi)邊距是透明的。
Content(內(nèi)容) - 盒子的內(nèi)容,顯示文本和圖像。
所有CSS字體屬性
Property 描述
font 在一個(gè)聲明中設(shè)置所有的字體屬性
font-family 指定文本的字體系列
font-size 指定文本的字體大小
font-style 指定文本的字體樣式
font-variant 以小型大寫字體或者正常字體顯示文本。
font-weight 指定字體的粗細(xì)。