引言
- 使用CSS渲染页面是当今网页常用的技术。
- 本文汇总了CSS使用时的注意事项和技巧。
浏览器支持
- webkit/safari/chrome：-webkit-；
- firefox：-moz-；
- IE：-ms-；
- opera：-o-；
- 一般来说，对于下面介绍的一些较新的css3特性，为了兼容旧版浏览器，需要添加-webkit-前缀；
技巧汇总
| 描述 | 方法 |
|---|---|
| 改变控件的四个角的弧度 | border-radius属性，另有border-top-left-radius、border-top-right-radius、border-bottom-right-radius、border-bottom-left-radius等扩展属性 |
| 改变input标签中placeholder的样式 | 使用伪类 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder |
| 使元素自由浮动 | 使用float属性 |
| 使元素从他自己的位置偏移 | 使用position:relative属性,配合left、right等属性使用 |
| 使元素固定位置 | 使用position:fixed属性，并配合z-index属性设置元素的层叠顺序 |
| 设置元素绝对位置 | 使用position:absolute属性 |
| 设置文字的位置 | 使用text-align属性 |
| 设置元素是否显示 | 使用display属性 |
| 设置元素溢出后样式 | 使用overflow属性 |
| 设置鼠标悬停样式 | 使用cursor属性 |
| 设置文本阴影 | 使用text-shadow属性，此属性为CSS3增强特性 |
| 设置元素透明度 | 使用opacity属性 |
