什么是CSS3?
CSS3是CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案,主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。
CSS演进的一个主要变化就是W3C决定将CSS3分成一系列模块。浏览器厂商按CSS节奏快速创新,因此通过采用模块方法,CSS3规范里的元素能以不同速度向前发展,因为不同的浏览器厂商只支持给定特性。但不同浏览器在不同时间支持不同特性,这也让跨浏览器开发变得复杂。
CSS3原理同CSS,是在网页中自定义样式表的选择符,然后在网页中大量引用这些选择符。
新增特性
CSS3的新特征有很多,例如圆角效果、图形化边界、块阴影与文字阴影、使用RGBA实现透明效果、渐变效果、使用@Font-Face实现定制字体、多背景图、文字或图像的变形处理(旋转、缩放、倾斜、移动)、多栏布局、媒体查询等。
RGBA是RGB色彩模型的一个扩展。在本质上看也是为设置的元素增加了一个alpha通道,即除了红绿蓝三种颜色外还增加一个代表透明度的通道,其中RGB值分别表示红色、绿色、蓝色,而alpha取值则为0到1(小数位一位)。
background属性
background-image:设置元素的背景图像。background-origin:规定背景图片的定位区域。background-size:规定背景图片的尺寸。background-repeat:设置是否及如何重复背景图像。
本文整合自 html中文网、DIVCSS5
责任编辑:fqj
-
CSS3
+关注
关注
0文章
9浏览量
3887
发布评论请先 登录
相关推荐
Tailwind CSS v4.0发布首个Beta版本
![Tailwind <b class='flag-5'>CSS</b> v4.0发布首个Beta版本](https://file1.elecfans.com/web1/M00/F5/C7/wKgaoWdD2vqAIMQkAAAYNKTt-Cs869.png)
乌镇亮点 Arm终端计算子系统 (CSS) 荣膺世界互联网大会领先科技奖
![乌镇亮点 Arm终端计算子系统 (<b class='flag-5'>CSS</b>) 荣膺世界互联网大会领先科技奖](https://file1.elecfans.com/web1/M00/F5/7D/wKgZoWc9xEqAP17eAAAV0lOuS6c492.jpg)
Taro 鸿蒙技术内幕系列(二):如何让 W3C 标准的 CSS跑在鸿蒙上
![Taro 鸿蒙技术内幕系列(二):如何让 W<b class='flag-5'>3</b>C 标准的 <b class='flag-5'>CSS</b>跑在鸿蒙上](https://file1.elecfans.com//web1/M00/F4/03/wKgZoWci8VSAR5I_AAMoUb8Ux_U384.png)
研发都应该了解的如何在vite中接入现代化css工程化方案
Arm终端CSS革新,加速端侧人工智能时代
Arm宣布推出终端计算子系统(CSS),提供领先的人工智能体验
![Arm宣布推出终端计算子系统(<b class='flag-5'>CSS</b>),提供领先的人工智能体验](https://file1.elecfans.com/web2/M00/EA/5A/wKgZomZX9AaAOm8OAAA0w2YHrEU461.png)
Arm推出AI优化的Arm终端CSS以及新的Arm Kleidi软件
![Arm推出AI优化的Arm终端<b class='flag-5'>CSS</b>以及新的Arm Kleidi软件](https://file1.elecfans.com/web2/M00/EA/5A/wKgZomZX9AaAOm8OAAA0w2YHrEU461.png)
芯海应用笔记:CSS34P16P(A)型应用说明文档
Arm新Arm Neoverse计算子系统(CSS):Arm Neoverse CSS V3和Arm Neoverse CSS N3
![Arm新Arm Neoverse计算子系统(<b class='flag-5'>CSS</b>):Arm Neoverse <b class='flag-5'>CSS</b> V<b class='flag-5'>3</b>和Arm Neoverse <b class='flag-5'>CSS</b> N<b class='flag-5'>3</b>](https://file1.elecfans.com//web2/M00/D8/B8/wKgaomYo1pyAWmiUAAC0n-JZNkM304.jpg)
评论