1. 挑选器增强: 特点挑选器(例如,``)。 伪类挑选器(例如,`:hover`、`:firstchild`)。 伪元素挑选器(例如,`::before`、`::after`)。
2. 盒模型: `boxsizing` 特点,答应您指定元素的宽度和高度是否包含边框、内边距和填充。
3. 布景和边框: `borderradius` 特点,用于创立圆角边框。 `boxshadow` 特点,用于增加暗影作用。 `backgroundsize`、`backgroundorigin` 和 `backgroundclip` 特点,用于操控布景图片的显现方法。
4. 色彩和突变: `rgba` 和 `hsla` 色彩形式,答应您运用透明度。 线性突变(`lineargradient`)和径向突变(`radialgradient`)。
5. 文本作用: `textshadow` 特点,用于增加文本暗影。 `wordwrap` 和 `wordbreak` 特点,用于操控文本换行。 `textoverflow` 特点,用于操控文本溢出的显现方法。
6. 2D/3D 转化: `transform` 特点,用于运用 2D 或 3D 转化,如旋转、缩放、歪斜和位移。 `transformorigin` 特点,用于指定转化的原点。
7. 动画和过渡: `transition` 特点,用于在 CSS 特点值之间创立滑润的过渡作用。 `@keyframes` 规矩,用于界说动画序列。 `animation` 特点,用于运用动画作用。
8. 媒体查询: `@media` 规矩,用于依据设备的特性(如屏幕尺度、分辨率)运用不同的款式。
9. 弹性盒模型(Flexbox): 一组新的布局特点,用于更灵敏地摆放和调整容器内的元素。
10. 网格布局(Grid): 供给了一种依据网格的布局体系,答应您创立杂乱的二维布局。
11. 多列布局: `columncount`、`columngap` 和 `columnrule` 特点,用于创立多列布局。
12. 用户界面(UI): `appearance` 特点,用于改动元素的视觉外观,如按钮、复选框等。
13. 暗影和反射: `textshadow` 特点,用于增加文本暗影。 `boxreflect` 特点,用于创立元素的反射作用。
14. Web 字体: `@fontface` 规矩,答应您在网页上运用自界说字体。
15. SVG 和突变: 支撑在 CSS 中运用 SVG 图形和突变作用。
这些仅仅 CSS3 新增功用的一部分,它们为网页规划供给了更多的可能性和灵敏性。跟着浏览器的不断更新,越来越多的 CSS3 功用得到了支撑。
CSS3 新增特性详解
一、挑选器(Selectors)
CSS3 引入了许多新的挑选器,使得开发者可以愈加精确地挑选和操作元素。
1. 特点挑选器(Attribute Selectors)
特点挑选器答应依据元素的特点值来挑选元素。例如,以下代码将挑选一切以 \
未经允许不得转载:全栈博客园 » css3新增,css3菜鸟教程