一、链接:
1.css连接到的四种状态
a:link 普通的、未被访问的连接
a:visited 用户已访问的链接
a:hover 鼠标指针位于链接的上方,就是准备点击时候的链接
a:active 链接被点击的时刻
2.常见的连接样式:
text-decoration属性大多用于取代链接的下划线
text-decoration:none 去掉链接的下划线
3.设置背景颜色
background-color 设置背景颜色
二、CSS列表:
CSS列表属性允许你放置、改变列表标志,或者将图像作为列表项标志
list-style 简写列表项
list-style-image 列表项图像
list-style-position 列表标志位置
list-style-type 列表类型
ul li{
list-style-image :url("icon-sun.gif");
list-style-position:inside 列表的前边空的更多一些
}
三、CSS样式—表格
CSS表格属性可以帮助改善表格的外观
1.表格的边框
2.折叠的边框
3.表格的宽高
4.表格的文本对齐
5.表格内边距
6.表格的颜色
#tableid {
border:1px solid blue;//表格的外边框
border-collapse:collapse;//单线的边框
text-align:center; //居中
}
四、CSS样式—轮廓
突出元素的作用
outline 设置轮廓属性
outline-color 设置轮廓的颜色
outline-style 设置轮廓的样式
outline-width 设置轮廓的宽度
五、CSS样式—字体
定义字体的系列、大小、加粗、风格和变形
font-family 设置字体的系列,比如宋体、罗马、黑体等
font-size 设置字体的尺寸
font-style 设置字体的风格
font-variant 以小型大写字体或正常字体显示文本
font-weight 设置字体的粗细
六、CSS样式—文本
定义文本外观
通过文本属性,可以改变文本的颜色、字符间距、对齐文本、装饰文本、对文本缩进
color 颜色
direction 文本方向
line-height 行高
letter-spacing 字符间距
text-align 对齐元素中的文本
text-decoration 向文本添加修饰
text-indent 缩进元素中文本的首行 2em - 2个字符
text-transform 元素中的字母设置,可设置全大写或者全小写
unicode-bidi 设置文本方向
white-space 元素中空白的处理方式
word-spacing 字间距
text-shadow 向文本添加阴影 text-shadow:5px 5px 5px #ffff00 (第一个值到左边的距离,第二个是到上面的距离,第三个是阴影的清晰度,第四个颜色)
word-wrap 规定文本的换行规则