[摘要]inherit;如何让一个div水平居中？如何让图片水平居中div水平居中： 1.外边距法：通过对div设置外边距，margin:0 auto； 2.display:inline-block法:父元...
inherit;
如何让一个div水平居中？如何让图片水平居中
div水平居中：
1.外边距法：通过对div设置外边距，margin:0 auto；
2.display:inline-block法:父元素设置text-align:center。需要剧中的div设置display:inline-block即可。
3.浮动法：对div及其父元素float:left，相对定位，父元素left50%，div right 50%。
图片水平居中：将图片放入块级元素中，使用上述方法。
如何设置元素透明? 兼容性？
可以通过rgba和opcity设置语速透明度，针对ie8及更糟版本的浏览器需要添加 filter:alpha(opacity=x)。
opacity和rgba都能设置透明，有什么区别？
opacity会继承父元素的 opacity 属性，而RGBA设置的元素的后代元素不会继承不透明属性。
<html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">
.rgba,.opacity{ margin:0 auto; width:200px; height: 200px; text-align: center; line-height: 200px; font-size: 20px; border:1px solid black; } .rgba{ background: rgba(255,0,0,0.5); } .opacity{ background: red; opacity: 0.5; } </style> </head> <body> <div class="rgba"> 这是RGBA不透明度 </div> <div class="opacity"> 这是opacity不透明度 </div> </body> </html>，可以证明opacity可以继承父元素的属性。此外，opacity也可以设置图片的透明度。
相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！
相关阅读：
JS的闭包与定时器
JS的时间对象与引用类型
用最简单的前端技术制作一个简洁的音乐播放器
以上就是CSS常见样式的详细内容，更多请关注php中文网其它相关文章！
网站建设是一个广义的术语，涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
关键词：CSS经常见样式