一.边框
1.border-radius：x,y,模糊半径，color（x为负数时左移动，y为负数是上移动）
2.box-radius:x,y,模糊半径，阴影半径，color
3.border-image:url() 切割图片的大小 repeat/round(平铺)/stretch(拉伸)。（*）
二.文字与字体
1.text-shadow:x,y,模糊半径，color;
2.@font-face{
font-family:"mooc "
url(字体服器上的链接地址)；
}
p{font-family:"mooc "}
3.text-overform:over;但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果，
三.颜色
1.background:rgba(111,33,22,0.5)R,G,B 0-255之间的值，0-1之间的透明度。
2.background:linear-gradient(top left,yellow,red,blue)90deg=to left,270deg=to right/180=to bottom/0=to top /to top left右上角到左上/to top right左上角到右上角。
四.与背景相关的样式
1.background-fize:20px 30px 背景缩放cover图片覆盖整个容器content沿边覆盖。
2.background-origin:padding-box/border/box/content-box背景开始位置
3.background-clip:padding-box/border/box/content-box背景图片裁剪的位置
4.multip-background:背景多重样式。
a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的，a:active 必须被置于 a:hover 之后，才是有效的。