僞類
僞類能夠讓用戶在使用頁面的過程當中增長更多的互交效果,例如應用最爲普遍錨點標籤<a>的幾種狀態
(未訪問連接狀態,已訪問連接狀態,鼠標指針懸停在連接上的狀態以及被激活的連接狀態),具體代碼以下。
a:link {color:#FF0000;}/*未訪問的連接狀態*/ 只對超級連接有效果 在<stlye></style>裏面寫入
a:visited {color:00FF00;}/*已訪問的連接狀態*/
a:hover {color:#FF00FF;}/*鼠標懸停到連接上的狀態*/
a:active {color:#0000FF;} /*被激活的連接狀態*/ 鼠標按住不撒手時的狀態css
CSS顏色
background-color 屬性爲元素設置背景色。這個屬性接受任何合法的顏色值。
p{background-color:gray;}這條規則把元素的背景設置爲灰色。
body{background-color:#b0c4de;}頁面背景變顏色字體
CSS中,顏色值一般以如下方式定義:
十六進制-「ff0000」 在dreamwear上能夠複製
RGB-"rgb(255,0,0)"
顏色名稱-如:"red"url
背景圖像
css屬性定義背景效果:<style></style>
background-color 背景顏色
background-image 背景圖片 body{background-image:url("images/...")}
background-repeat 背景重複body{background-repeat:no-repeat;}
body{background-repeat:repeat-x;}橫向重複
body{background-repeat:repeat-y;}縱向重複
background-attachment 背景滾動
{background-attachment-fixed;}背景圖像始終固定
background-position 背景定位
{background-position:center;}居中指針
css文本
color:文本顏色
text-align:文本對齊
text-decoration:文本修飾(下劃線)
text-indent:文本縮進orm
CSS字體
font-family:字體
{font-family:"Times New Roman",Times,serif;}/*設置多個字體,按照順序來執行*/
font-style:文字效果 斜體{font-style:normal;}/*正常顯示文本*/
{font-style:italic;}/*斜體*/
font-size:文字大小 {font-size:40px;}
em:1em=16px
text-indent:文本縮進
font-weight:文字粗細圖片
CSS列表(list-style-type:xxxx)
有序列表ol和無序列表ulit
CSS 表格
Border表格邊框
text-align 文字對齊
{border:1px solid black;}設置表格1像素實邊 黑色
{width:100%;}設置寬100%
{height:50px;}設置表格高50像素
{text-align:right;}設置文字對齊io