CSS样式常见小知识

CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容，为用户展现较具观赏的外表的。以下是小编来在优化网站时遇到的CSS一些小知识点。

1、边距清空:

[CSS] 纯文本查看 复制代码

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldse,table,td,img,div,dl,dt,dd,input{margin:0;padding:0;}
body{font-size:12px;}
img{border:none;}
li{list-style:none;}
input,select,textarea{outline:none;}
a{text-decoration:none;}

2、清除浮动

[CSS] 纯文本查看 复制代码

.clearfix:after{conter:"";display:block;clear:both;}
.clearfix{zoom:1;}

3、居中样式 :

垂直居中样式(translate css3需IE9)

[CSS] 纯文本查看 复制代码

.center-vertical{position:relative;top:50%;transform:translateY(-50%);}
.center-horizontal{position:relative;left:50%;transform:translateX(-50%);}