CSS属性书写顺序,建议遵循一下顺序:
1. 布局定位属性: display/position/float/clear/visibility/overflow
2. 自身属性: width/height/margin/padding/border/background
3. 文本属性: color/font/text-decoration/text-align/vertical-align/white-space/break-word
4. 其他属性(CSS3): content/cursor/border-radius/box-shadow/text-shadow/background: linear-gradient...
.style { display: block; position: relative; float: left; width: 100px; height: 100px; margin: 0 10px; padding: 20px 0; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; color: #333; background: rgba(0,0,0,.5); -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }
CSS3浏览器私有前缀写法
.style { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; }