1、字体样式
font-size: 20px; 设置字体大小
font-weight: bold; 设置变粗
font-weight: lighter; 设置变细
font-style: italic; 设置斜体
color: yellowgreen; 设置颜色
2、文本样式
text-decoration: underline; 设置字体下划线
text-decoration:line-through; 设置字体删除线
text-decoration: overline; 设置字体顶划线
text-decoration: none 取消下划线
text-transform: lowercase; 全部转小写字母
text-transform: uppercase; 全部转大写字母
text-align: center; 设置文本对齐方式
text-align: right; 设置文本对齐方式
text-indent: 2em; 设置首行缩进，空两个字符
text-indent: 20px; 设置首行缩进
line-height: 50px; 设置行高
3、边框样式
border-top: 10px solid yellow;设置边框上边框
border-right: 10px dashed green;设置右边框
border-bottom: 10px dotted blue;设置下边框
border-left: 10px double pink;设置左边框
4、背景样式
background-color: #DDFB56;设置背景颜色
background-repeat: no-repeat;不平铺设置显示方式
background-repeat: repeat-x;横向平铺
background-repeat: repeat-y;纵向平铺
background-repeat: repeat;都平铺
background-attachment: fixed;是否随内容滚动 固定定位
background-image:url(../img/bj.jpg); 显示图片背景
background-position: -247px -140px; 显示图片选择的固定位置
5、超链接样式
#a1:link{
text-decoration: none;
color: blue;
}设置未访问时的样式
#a1:visited{
color: pink;
}访问后的样式
#a1:hover{
color:yellow;
}设置鼠标放上去时的样式
#a1:active{
color:green;
}设置鼠标点击时的样式
#d1:hover{
background: green;
cursor: pointer;鼠标放上时变小手
}
