1.<a></a>
a{text-decoration:none;}/*去掉超链接的下划线*/
a:hover{color:#f60;}/*鼠标放上去的样式*/
先隐藏<span></span>的内容即加css属性:display:none;,然后在在鼠标放在a链接上市,显示span内容,加display:block;
a:hover span{ display: block; }
a:link(正常连接的样式) a:link{color:red;}
a:hover(鼠标放上去的样式) a:hover{color:green;}
a:active(选择链接时的样式) a:active{color:yellow;}
a:visited(已经访问过的链接的样式) a:vixited{color:blue;}
2.定义全局字体
字体大小14px,行高24px,字体微软雅黑(直接百度搜字体英文名字)
body{font: 14px/24px Microsoft YaHei}
3.鼠标一上去变成小手的形状,加css样式:cursor:pointer
cursor: pointer;
4.去掉列<ul><li></li></ul>前面的点
li{ list-style: none; }
5.字体段落缩进,根据字体大小计算
text-indent: 24px;
6.溢出处理overflow:hidden;(溢出时隐藏溢出的内容,即自动裁剪)
7.边框修圆角:border-radius:5px;