CSS3的新特性

1.选择器
属性选择器:选择具有特定属性的元素。
伪类选择器:为特定状态的元素添加样式,例如 :hover,:ancrive,:visited。
伪元素选择器:选择特定部分的元素,例如 ::before,::after。
多重选择器:使用,分隔来同时选择多个元素。
2.盒模型:Box-sizing 属性改变了默认的CSS盒模型,使其容易进行布局。
3.颜色:
CSS3增加了对透明度的支持,使用raba(),hsla()或opacity来设置。
CSS3提供了新的颜色空间,如RGBA,HSL,和HSLA。
4.背景:
background-size:允许您更改背景图像大小。
background-reqeat:使你能够更改背景图像的重复行为。
background-position:允许你的水平面和垂直方向上移动背景图像。
background-image:允许多背景图像同时使用。
5.边框和阴影:
border-radius:为边框添加圆角。
border-shadow:为元素添加阴影效果。
6.文字效果:
text-shadow:为文字添加阴影效果。
text-overflow:处理溢出文本的显示方式。
7.布局和流式布局:
Flexbox:用于一维布局的CSS3新布局模式。
Grid:用于二维布局CSS3新布局模式。
8.多列布局(Multi-column Layout):CSS3提供了一种创建多列文本或布局的方法,类似与报纸的排版。
9.动画和过渡:CSS3支持关键帧动画和过渡效果,用于在CSS中创建动态效果。动画可以通过transition和animation属性进行控制,
10.响应式设计:CSS3提供了一些特性,如媒体查询,允许开发人员创建在不同设备和屏幕尺寸上都能良好显示的响应式网页设计。
11.其他特性:
CSS3增加了对SVG图像的支持。
CSS3提供了一种新的方式来定义字体:font-face。
CSS3支持轮廓:outline,内轮廓:outline-offset。

  • 10
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值