1.文本修饰
a元素是默认就含有下划线。没有下划线:text-decoration: none
设置文本的上划线:text-decoration:overline
设置文本的删除线:text-decoration:line-through
设置文本的下划线:text-decoration: underline
2.垂直对齐方式
<img src="" > 我是图片
让图片后面的文字居中:vertical-align:middle
让图片后面的文字向上:vertical-align: top
让图片后面的文字向下:vertical-align: bottom;
使用super可以让文字更加的靠下vertical-align: super
3. 超链接伪类
鼠标摸上p标签的时候显示红色的字体:
p:hover{
color:red;}
未单击访问时超链接样式
a:link{
color:red;}
访问过的超链接样式
a:visited{
color:green;
鼠标悬浮其上的超链接样式
a:hover{
color:blue}
鼠标单击未释放的超链接样式
a:active{
background:red}
设置伪类的顺序:a:link->a:visited->a:hover->a:active
4. 无标记符号:list-style-type: none;
实心圆,默认类型 list-style-type:disc
空心圆 list-style-type: circle
实心正方形 list-style-type: square
数字 list-style-type:decimal
自定义图片来当标记
list-style-image: url(./images/pic1.png)
5.网页背景
背景颜色 background-color:
图片默认会铺满,不平铺,即只显示一次:background-repeat: no-repeat;
repeat-x:只沿水平方向平铺
repeat-y:只沿垂直方向平铺
background-position:X Y;
背景图和背景颜色是可以共存的,所以background是一个复合属性