CSS3相比CSS新增哪些功能

2024-05-16 11:19:11

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/lixiuxiu2017/article/details/79650355

对于CSS3新增的所有功能及详细使用方法在GitHub上有详细的讲解，详见链接https://github.com/lixiuxiu2017/CSS3

这里只是列出CSS3新增的功能概括：

1、CSS3介绍

2、CSS3新增的超级选择器：属性选择器、结构性伪类选择器、UI元素状态伪类选择器、通用兄弟元素选择器

3、使用选择器在页面中插入文字、图片、项目编号等内容

4、文字阴影与自动换行

5、各种盒模型：总体分为block类型和inline类型，再细分为inline-block类型、inline-table类型、list-item类型、run-in类型、compact类型、表格相关类型、none类型

6、盒模型相关的属性：overflow 属性（内容溢出）、box-shadow 属性（盒阴影）、box-sizing 属性（宽高计算）

7、CSS3新增的背景样式：background-clip 属性、background-origin 属性、background-size 属性、background-break 属性

8、CSS3新增的边框样式：border-radius 属性（圆角边框）、border-image 属性（图片边框）

9、CSS3 新增的 transform 变形功能：rotate（旋转）、scale（缩放）、skew（倾斜）、translate（移动）

10、CSS3新增的动画功能：transition（平滑过渡）、animation（关键帧）

11、布局相关样式：多栏布局、盒布局、弹性盒布局

12、兼容性问题

CSS3相比CSS新增哪些功能相关推荐

css3有哪些新增属性,CSS3新增属性
本篇文章为大家介绍一些CSS3新增的属性,CSS3新属性的出现弥补了CSS2版本的不足,解决了很多我们设置元素样式时的痛点. 1.文本阴影属性 text-shadow:水平距离垂直距离模糊半径(模 ...
【CSS3】css中的数学运算-calc()
一.什么是calc()? calc()从字面我们可以把他理解为一个函数function.其实calc是英文单词calculate(计算)的缩写,是css3的一个新增的功能,用来指定元素的长度. 比如说 ...
html5中css新增的属性,css3有哪些新增属性？常用的新增属性总结
css3新增属性有哪些?来提问这个问题的人都应该知道css3是css的升级版本,那么,css3既然是升级版本,自然是会新增一些属性,接下来本篇文章将给大家介绍关于css3中常用的新增属性. 一.css ...
css中哪些属性与创建多列相关,css3中的新增属性有哪些
css3中的新增属性有哪些发布时间:2021-04-02 17:39:08 来源:亿速云阅读:90 作者:Leah 这篇文章将为大家详细讲解有关css3中的新增属性有哪些,文章内容质量较高,因此小 ...
[css] CSS3有哪些新增的特性？
[css] CSS3有哪些新增的特性? 边框圆角border-radius盒子阴影box-shadow文字阴影text-shadow2d.3d变换transformrotate()scale()ske ...
CSS3新特性——新增选择器，2D/3D转换，动画
CSS3新特性--新增选择器,2D/3D转换,动画欢迎大家去博客冰山一树Sankey,浏览效果更好.直接右上角搜索该标题即可博客园主页:博客园主页-冰山一树Sankey CSDN主页:CSDN主页 ...
CSS3动画之一：Transitions功能
在页面里加入些动画,可以是页面更加生动活泼,使用CSS3的动画功能,可以使页面上的文字或图像具有动画功能.比如说背景色从一种颜色,平滑的过度到另一种颜色.CSS3中的动画功能有两种,Transitio ...
使用CSS 媒体查询功能满足不同屏幕分辨率要求
http://www.adobe.com/cn/devnet/dreamweaver/articles/dw_html5_pt3.html 这是探索Dreamweaver CS5.5的HTML5和CS ...
七夕静态页面html,html5+CSS3+JS实现七夕言情功能代码
因为今天8月28日就是中国的情人节-七夕,作为程序猿一枚的我就只有在家敲代码咯!但我还是有一颗脱单的心:制作了h5+css+js界面祝小伙伴们:七夕快乐具体的功能有: 1.下雪的背景动画 2.下面的 ...
旧手机升级android9,给力！一加两款旧旗舰获得安卓9.0升级：新增手势功能
原标题:给力!一加两款旧旗舰获得安卓9.0升级:新增手势功能相比安卓8.0,今年各大厂商对安卓9.0的适配速度明显要快了不少.现在,很多厂商都放出了适配计划和机型名单,很多旧机型已经在进行安卓9.0 ...

最新文章

热门文章