2. CSS3的新特性

已于 2023-08-22 10:03:26 修改
阅读量3.6k 收藏 1
点赞数
分类专栏： 前端——CSS 文章标签： css3 css 前端
于 2023-07-13 14:12:43 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74891783/article/details/131701202
版权
文章详细介绍了CSS3中的新增特性，包括属性选择器的使用，如按属性、值的开头、结尾和包含来选择元素；结构伪类选择器，如nth-child和nth-of-type的选择逻辑；以及伪元素选择器的应用，如创建字体图标和实现特定效果。此外，还提到了CSS3盒子模型的调整和过渡效果的运用，使页面动态效果更为丰富。
摘要由CSDN通过智能技术生成

2.1 CSS3的现状

●新增的CSS3特性有兼容性问题, ie9+才支持
●移动端支持优于PC端
●不断改进中
●应用相对广泛
●现阶段主要学习: 新增选择器和盒子模型以及其他特性

CSS3给我们新增了选择器，可以更加便捷，更加自由的选择目标元素：
1.属性选择器
2.结构伪类选择器
3.伪元素选择器

2.2 属性选择器

属性选择器可以根据元素的特定属性来选择元素。这样就可以不用借助于类或者id选择器。
在这里插入图片描述
第2个重点记忆
注意：类选择器、属性选择器、伪类选择器，权重为10。

【示例代码】

<!DOCTYPE html&
了解本专栏 订阅专栏 解锁全文 超级会员免费看
ybi8bo007
关注
专栏目录
订阅专栏
css3新特性.png
03-17
CSS3新特性，带你一小时学完CSS3
1.07 css3新特性
10-07
CSS3新特性 本资源摘要信息主要介绍CSS3的新特性，包括CSS3的介绍、CSS3选择器、CSS3文本、CSS3边框、CSS3背景、CSS3颜色、CSS3渐变、CSS3盒模型等。 CSS3介绍 CSS3是CSS（层叠样式表）技术的升级版本，于1999年...
h5和css3新特性
msn131420的博客
02-25 2356
一、HTML5 的新特性 1.新增语义化标签 HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。 这些新特性都有兼容性问题，基本是 **IE9+ 以上版本的浏览器**才支持，如果不考虑兼容性问题，可以大量使用这些新特性。 注意：只需要关注开发常用的新特性即可。 以前布局，我们基本用 div 来做。div 对于搜索引擎来说，是没有语义的 <div class=“header”> </div> <div class=“nav”&.
HTML5&CSS3新特性
weixin_52972575的博客
05-05 8546
一.HTML5新特性 HTML5新特性针对于以前的不足，增加了一些新的标签，新的表单，新的表单属性等。 1.新增语义化标签 新增的带有语义化的标签 二.CSS3新特性
【css】CSS3有哪些新特性
热门推荐
t13965688123的博客
05-07 1万+
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言1、css3边框——圆角效果 border-radius2、css3边框——阴影 box-shadow3、css3边框——边框图片 border-image4、css3颜色——颜色之RGBA5、css3颜色——渐变色彩 liner-gradient线性渐变6、CSS3文字与字体——text-overflow与word-wrap7、CSS3文字与字体——@font-face 字体8、CSS3文字与字体——文本的阴影 text-s.
CSS3有哪些新特性
admin_zlj的博客
03-20 1万+
CSS3的新特性 1.CSS3是CSS2.1的一个升级版，它是对CSS的一个扩展。 2.CSS3的主要新特性： 1）选择器 2）阴影 3）形状转换（2D <-> 3D） 4）变形 5）动画（过渡动画、帧动画） 6）边框 7）多重背景 8）反射 9）文字 10）颜色函数（rgba/hsl/hsla） 11）滤镜（filter） 12）弹性布局 13）多列布局 14）栅格布局 15）盒模型 16）Web字体 17）媒体查询 3.CSS3不是属于浏览器或同一浏览器的不同版本都支持，所以需要兼容处理，通
CSS3新特性
王工头的博客
01-24 1万+
CSS3新特性 欢迎访问我的博客https://qqqww.com/，祝所有码农同胞们早日走上人生巅峰，迎娶白富美~~ 声明：本文参考 W3C CSS3 教程、菜鸟教程等，详细移步 W3C 或菜鸟教程 用 CSS3 做过一些小动画，很好用，特别是里面一些新特性，都是 CSS2 不可比拟的，这里整理一些出来，当做笔记，也当做教程，共勉！ CSS3 相比 CSS 2 对边框、背景、渐变、...
CSS3的新特性
m0_64620776的博客
07-11 1594
css，即层叠样式表（Cascading Style Sheets）的简称，是一种标记语言，由浏览器解释执行用来使页面变得更美观。css3是css的最新标准，是向后兼容的，CSS1/2的特性在 CSS3 里都是可以使用的。而 CSS3 也增加了很多新特性，为开发带来了更佳的开发体验。
HTML5和CSS3新特性
这个世界上有各种各样的人.
05-12 1896
<header>：描述了⽂档的头部区域，于定义内容的介绍展⽰区域。 <nav>：定义导航链接的部分。 <section>：定义⽂档中的节（section、区段）。比如章节、页眉、页脚或⽂档中的其他部分，section通常 包含了⼀组内容及其标题。 <article>：定义独⽴的内容。 <aside>：定义页⾯主区域内容之外的内容（⽐如侧边栏）。 <figure>：标签规定独⽴的流内容（图像、图表、照⽚、代码等等）。 <figcaption>：定义 <figure>元素的标题。 <main>:main元素
CSS3新增了哪些新特性？
u012138854的博客
11-07 5085
即层叠样式表（Cascading Style Sheets）的简称，是一种标记语言，由浏览器解释执行用来使页面变得更美观。动画这个平常用的也很多，主要是做一个预设的动画。和一些页面交互的动画效果，结果和过渡应该一样，让页面不会那么生硬。background-size属性常用来调整背景图片的大小，主要用于设定图片本身。通常情况，背景都是覆盖整个元素的，利用这个属性可以设定背景颜色或图片的覆盖范围。能够规定水平阴影、垂直阴影、模糊距离，以及阴影的颜色。当我们设置背景图片时，图片是会以左上角对齐，但是是以。
11.CSS3新增了哪些新特性？
kleinBlue.的博客
11-07 3106
一、是什么 css，即层叠样式表（Cascading Style Sheets）的简称，是一种标记语言，由浏览器解释执行用来使页面变得更为美观 css3是css的最新标准，是向后兼容的，CSS1/2的特性在CSS3里都是可以使用的 CSS3也增加了很多新特性，为开发者带来了更佳的开发体验 从几个维度列举一些常见的特性，如下 二、选择器 css3中新增了一些选择器，主要为如下图所示： 三、新样式 边框 css3新增了三个边框属性，分别是： border-radius：创建圆...
深入了解CSS3新特性
07-22
资源名称：深入了解 CSS3 新特性资源截图： 资源太大，传百度网盘了，链接在附件中，有需要的同学自取。
CSS3笔记.pdf 快速了解CSS的新特性
10-11
一份CSS3的学习笔记
重新修改我的标志
lulei5153的博客
10-28 310
【代码】重新修改我的标志。
炫酷的登录框!(附源码)
m0_50864141的博客
10-29 1789
【代码】炫酷的登录框!(附源码)
巨好看的登录注册界面源码
最新发布
bjzhang75的博客
10-31 1219
巨好看的登录注册界面源码
CSS3新增盒子属性（三）
。
10-28 944
介绍CSS3新增盒子属性。
CSS3新增长度单位（二）
。
10-28 737
介绍CSS3新增长度单位。
CSS常用标签笔记
qq_14822691的博客
10-28 675
cursor:url(图片地址), 属性值;
探索CSS3：新特性与实战教程
"CSS3新特性和CSS3教程" 在深入探讨CSS3的新特性和教程之前，首先需要理解CSS3的基本概念。CSS3是层叠样式表（Cascading Style Sheets）的第三版，是一种用于描述网页及应用程序界面外观和表现的样式语言。相比CSS2...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值