一、css背景css背景分为背景颜色和背景图片。那么我们什么时候用图片，什么时候用背景图呢？总的原则：对于固定不变的内容，如图标等我们用背景图。对于可变的内容，图片是和内容相关的，我们用图片。背景的属性一般我们在写背景图片的时候，将background-image background-position background-repeat属性合写在一起，如：background:url(xxxx.jpg) 0 0 no-repeat，剩下的背景属性再单独写。注意点：我们在给行内元素设置背景的时候，不要设置竖直方向的padding。因为虽然行内元素设置竖直方向的padding不会影响元素在文档流中的位置，但却会影响背景效果。如下：
Paste_Image.png
可以看到，标签在设置竖直方向padding之后，在文档流中的竖直方向位置没发生改变。但由于设置了背景色，却影响了 二、透明透明我们只要知道opacity和rgba的一个区别就可以了opacity设置透明是里面所有元素都透明，rgba设置透明是只设置颜色透明 三、居中水平居中文本、图片水平居中text-align:centerdiv水平居中margin:0 auto(注意声明doctype)垂直居中单行文本垂直居中：设置line-height等于外层容器高度文本垂直居中：设置上下padding相等图像垂直居中： 立即学习“前端免费学习笔记（深入）”； 块级元素垂直居中：js处理，设置上下外边距等高 本博客版权归 许为 和饥人谷所有，转载需说明来源//ie8以上可以使用display：table-cell;vertical-align:middle;
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
545
收藏
