本文主要是介绍CSS3主要的新特性总结,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
- 增加了强大的选择器,如
E[att^="val"],E[att$="val"],E[att*="val"],E:last-child,E:nth-child(n),E:nth-last-of-type(n),E:checked,E:enabled,E:target,E::selection等; - 布局更灵活:弹性盒子:Flexbox;多列布局:columns;响应式设计Responsive、媒体查询Media Queries;
- 摒弃图片的视觉效果:阴影text-shadow、box-shadow;背景background-origin、background-clip、background-size,为一个元素设置多个背景图片;圆角效果border-radius、图片充填边框border-image;
- 渐变背景gradient、盒容器的变形transform(位移、旋转、缩放、倾斜);
- 增加了透明通道,增加HSL、HSLA、RGBA颜色模式;增加了元素的opacity属性;
- 摒弃js、flash的动画:过渡transition、动画animation+@keyframes;
- web字体@font-face,web font图标;
这篇关于CSS3主要的新特性总结的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!