CSS3 新功能

本文介绍了CSS3的一些重要新特性,包括新增的选择器(属性选择器、结构伪类选择器、伪元素选择器),CSS3盒子模型的`box-sizing`属性,图片模糊效果的`filter`滤镜,以及`calc()`函数。特别强调了过渡(transition)的使用,它是CSS3中的一个重要特性,可以让元素在样式变换时平滑过渡。此外,文章还提供了多个实践案例帮助读者更好地理解和应用这些新特性。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我是表哥Harker,表妹我来咯~

学完HTML5 新特性,接着学习CSS3 的一些新特性,CSS3新特性是很重要的,如果能够掌握对后面的JS学习是很有帮助的!就目前而言HTML+CSS 基本上是静态的网页,就好比玩具一样,你是想买一个鸟的模型还是想买一个遥控能飞的鸟呢?我想后者对大家来说更有吸引力! 一起来看看增加了哪些特性。

 

CSS3新特性

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

 

1、CSS3 给我们新增了选择器,可以更加便捷,更加自由的选择目标元素

  • 1. 属性选择器 
  • 2. 结构伪类选择器 
  • 3. 伪元素选择器 
  • 注意:类选择器、属性选择器、伪类选择器,权重为 10

 

1&#x

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

HarkerYX

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值