WEB前端 -- CSS部分样式

1.文字过多时的处理

white-space:nowrap

文字过多不折行
white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
white-space:nowrap;。overflow:hidden;文字过多时隐藏。text-overflow:ellipsis;显示为"..."
2.text-decoration：文字的装饰
text-decoration:none;
可去掉a超链接的下划线
3.text-align：对块元素中的块元素不起作用，只对行内元素和文本起作用
4.列表
list-style-image：设置列表项标记的图像，一般不用这种方式
常用方式：list-style:none;

ul li{list-style:none;background:url() no-repeat;background-position:0px 3px;background-size:10px 10px;text-indent:20px}

text-indent:20px;不设置时背景图像会在列表项的文字后面，所以需要对背景图像进行缩进。
background-size需要放到background-position后面才能起到作用。
5.设置文字间的间距
letter-spacing:8px;
6.表格的边框变为单线

table{ border:2px solid #F69; border-collapse:collapse;}td{ border:2px solid #3FC;}

需要在table中设置border-collapse，在td中设置样式