CSS常见技巧总结_html/css_WEB-ITnose

Paste_Image.png

可以看到，标签在设置竖直方向padding之后，在文档流中的竖直方向位置没发生改变。但由于设置了背景色，却影响了标签的显示效果。小技巧（雪碧图）：雪碧图（css sprite）意思是把多个背景图片利用PS或者某些在线工具合成一张大的图片，然后我们利用background-position属性定位图片，以此来减少网络请求。背景色就不详说了，比较简单。

二、透明透明我们只要知道opacity和rgba的一个区别就可以了opacity设置透明是里面所有元素都透明，rgba设置透明是只设置颜色透明

三、居中水平居中文本、图片水平居中text-align:centerdiv水平居中margin:0 auto(注意声明doctype)垂直居中单行文本垂直居中：设置line-height等于外层容器高度文本垂直居中：设置上下padding相等图像垂直居中：

//ie8以上可以使用display：table-cell;vertical-align:middle;

块级元素垂直居中：js处理，设置上下外边距等高

本博客版权归 许为 和饥人谷所有，转载需说明来源