css3新增,css3菜鸟教程

前端开发 2024-12-19 5

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 新增特性详解

CSS3 引入了许多新的挑选器，使得开发者可以愈加精确地挑选和操作元素。

特点挑选器答应依据元素的特点值来挑选元素。例如，以下代码将挑选一切以 \