字体、文本、背景、列表样式和超链接(2)
1.字体样式
font-size:字体大小
font-family:字体类型
font-weight:字体粗细
font-style:字体倾斜
font:倾斜 粗细 大小 类型
<html> |
2.文本样式
color:颜色
text-align:文本水平对齐方式(left/center/right)
text-indent:首行缩进(em/px)
text-decoration:修饰线(underline/overline/line-through)
line-height:行高
vertical-align:垂直对齐方式(用于td中)(top/middle/bottom)
3.超链接为类
a:link:表示没有访问
a:visited:表示被访问
a:hover:鼠标悬浮
a:active:鼠标按下来松开
编写顺序:link>visited>hover>active
<html> |
4.背景样式
background-color:背景颜色
background-image:url(图片路径):背景图片
background-repeat:图片平铺(no-repeat/repeat/repeat-x/repeat-y)
background-position:图片位置(x,y/x%,y%/center left right/top center bottom)
简单方式:background:颜色 图片 位置 平铺方式
5.列表样式
list-style-type:列表样式
list-style-image:url(图片路径)
list-style-position:位置(inside/outside)
list-style:样式 图片 位置