CSS3

ComTechnology - 前端 - CSS

CSS3
1.CSS3
CSS 用于控制网页的样式和布局。而CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的。
CSS3 是最新的 CSS 标准


CSS3已经完全向后兼容，所以你就不必改变现有的设计。浏览器一般情况下都会支持CSS2。
CSS3 模块


CSS3被拆分为"模块"。旧规范已拆分成小块，还增加了新的。
一些最重要CSS3模块如下：
选择器
盒模型
背景和边框
文字特效
2D/3D转换
动画
多列布局
用户界面


2.CSS3 边框


用CSS3，您可以创建圆角边框，添加阴影框，并作为边界的形象而不使用设计程序（如Photoshop等作图软件），极大地帮助您节省了很多时间。
而在本节中，您将了解以下的边框属性有：
border-radius
box-shadow
border-image（需要注意的是：该属性不支持ie浏览器）


3.CSS3 背景


CSS3更新了几个新的背景属性，提供更大背景元素控制，通过这几个背景属性，您能够做出更加精美的样式


4.渐变(gradients)
CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。
CSS3 定义了两种类型的渐变（gradients）：
线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向
径向渐变（Radial Gradients）- 由它们的中心定义


5.CSS3 文本效果


CSS3中包含几个新的文本特征。
在本节中您将了解以下文本属性：
text-shadow
box-shadow
text-overflow
word-wrap
word-break


6.CSS3 2D 转换 二维平面式


7.3D 转换 三维立体式


CSS3 允许您使用 3D 转换来对元素进行格式化


8.CSS3 过渡


CSS3中，我们为了添加某种效果可以从一种样式转变到另一个的时候，无需使用Flash动画或JavaScript


9.CSS3 框大小

CSS3 box-sizing 属性可以设置 width 和 height 属性中包含了 padding(内边距) 和 border(边框)

 

 

--参考文档

https://www.w3cschool.cn/