1. 程式人生 > >第五章 CSS常用屬性筆記

第五章 CSS常用屬性筆記

nta 鼠標 :active 樣式 per tom vertica style cti

1. span標簽
突顯,強調局部文字的作用.
2.字體樣式
font-size: 字體大小
font-style:normal,italic(傾斜)
font-weight:normal,bold(加粗)
font-familty:字體類型(楷體)
font:樣式 粗細 字體大小 字體類型.
3.文本樣式
color: 文本樣式
text-align: 水平對齊方式(left,center,right)
text-indent: 首行縮進
line-height: 行高
text-decoration: 文本裝飾
(underline,overline,line-through)
vertical-align: 垂直對齊方式(top,middle,bottom)
text-shadow: 顏色 x軸偏移量 y軸偏移量 陰影模糊範圍; //文本陰影
4.超鏈接偽類樣式
a:link //未點擊訪問過樣式
a:visited //訪問過樣式
a:hover //鼠標懸浮樣式
a:active //鼠標按下未松開樣式
5.列表樣式
list-style-type: cricle..
list-style-image: url(圖片路徑)
list-style-position:inside|outside 樣式位置.
6.背景樣式
background-color: 背景顏色
background-imgage:url(圖片路徑)
background-repeat:no-repeat,repeat..(圖片重復方式)
background-position:px,百分比,left..(圖片位置)
background:顏色 圖片 位置 重復方式
background-siez:cover(充滿背景)|contain (圖片尺寸)
7.漸變
backgournd:linear-gradient(漸變方向,開始顏色,結束顏色)
註意:兼容性
IE瀏覽器是Trident內核,加前綴:-ms-
Chrome瀏覽器是Webkit內核,加前綴:-webkit-
Safari瀏覽器是Webkit內核,加前綴:-webkit-
Opera瀏覽器是Blink內核,加前綴:-o-
Firefox瀏覽器是Mozilla內核,加前綴:-moz-
例:
background:-webkit-linear-gradient(left bottom,red,blue);



第五章 CSS常用屬性筆記