0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

CSS3是什么 CSS3的新增特性

独爱72H ? 来源:html中文网、DIVCSS5 ? 作者:html中文网、DIVCS ? 2021-07-26 15:00 ? 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

什么是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

    浏览量

    3976
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    TDK新增适用于汽车应用的YFF系列3端子滤波器

    TDK株式会社(TSE:6762)扩展了其适用于汽车应用的YFF系列3端子滤波器产品阵容,新增了耐压高达35V、电容高达4.7?F的型号。该类元件主要用于抑制电压波动和高频噪音,从而避免系统发生故障。该系列产品于2025年6月开始量产。
    的头像 发表于 06-14 09:30 ?557次阅读

    CSS6404L 在物联网设备中的应用优势:低功耗高可靠的存储革新与竞品对比

    CSS6404L 通过 “高集成度 + 低功耗 + 宽适应” 的组合特性,在容量、功耗、性能及场景兼容性上全面超越同类竞品,尤其在需要兼顾长续航、高速传输与紧凑设计的物联网场景中,成为平衡成本与性能的理想选择。其自管理刷新、双模式接口等创新设计,也为物联网设备的智能化升级
    的头像 发表于 06-06 15:35 ?265次阅读
    <b class='flag-5'>CSS</b>6404L 在物联网设备中的应用优势:低功耗高可靠的存储革新与竞品对比

    CSS6404L 在物联网设备中的应用优势

    物联网设备对存储芯片的需求聚焦于低功耗、小尺寸、高可靠性与传输效率,Cascadeteq 的 CSS6404L 64Mb Quad-SPI Pseudo-SRAM 凭借差异化技术特性,在同类产品中展现显著优势。以下从核心特性及竞
    的头像 发表于 06-06 15:31 ?212次阅读

    CSS6404LS-LI PSRAM:高清语音识别设备的理想存储器解决方案

    CSS6404LS-LI通过 >500MB/s带宽、105℃高温运行及μA级休眠功耗三重突破,成为高清语音设备的理想存储器
    的头像 发表于 06-04 15:45 ?209次阅读
    <b class='flag-5'>CSS</b>6404LS-LI PSRAM:高清语音识别设备的理想存储器解决方案

    【功能上线】abg欧博PCB下单新增3D仿真预览”,让PCB设计缺陷无处遁形

    abg欧博PCB下单新增3D仿真预览”,让PCB设计缺陷无处遁形
    的头像 发表于 03-28 14:54 ?1326次阅读
    【功能上线】abg欧博PCB下单<b class='flag-5'>新增</b>“<b class='flag-5'>3</b>D仿真预览”,让PCB设计缺陷无处遁形

    NW1-3V3S3V3A3NT NW1-3V3S3V3A3NT

    电子发烧友网为你提供AIPULNION(AIPULNION)NW1-3V3S3V3A3NT相关产品参数、数据手册,更有NW1-3V3S3V3A3NT的引脚图、接线图、封装手册、中文资料、英文资料,NW1-3V3S3V3A3NT真
    发表于 03-19 18:54
    NW1-<b class='flag-5'>3V3S3V3A3</b>NT NW1-<b class='flag-5'>3V3S3V3A3</b>NT

    Tailwind CSS v4.0发布首个Beta版本

    Tailwind CSS 是一个为快速开发而精心设计的原子类 CSS 框架,它提供了充满设计感和应用程序至上的能力来创建组件,它在最新的 2.0 版本中加入了暗黑模式,开箱即用。
    的头像 发表于 11-25 10:02 ?736次阅读
    Tailwind <b class='flag-5'>CSS</b> v4.0发布首个Beta版本

    乌镇亮点 Arm终端计算子系统 (CSS) 荣膺世界互联网大会领先科技奖

    2024 年世界互联网大会乌镇峰会于昨日正式启幕,全球互联网进入“乌镇时间”。在今年的峰会上,Arm 凭借终端计算子系统 (CSS) 荣膺世界互联网大会领先科技奖,彰显了 Arm 作为业界性能最强
    的头像 发表于 11-20 19:11 ?1471次阅读
    乌镇亮点  Arm终端计算子系统 (<b class='flag-5'>CSS</b>) 荣膺世界互联网大会领先科技奖

    Xilinx 7系列FPGA PCIe Gen3的应用接口及特性

    Xilinx7系列FPGA集成了新一代PCI Express集成块,支持8.0Gb/s数据速率的PCI Express 3.0。本文介绍了7系列FPGA PCIe Gen3的应用接口及一些特性
    的头像 发表于 11-05 15:45 ?3367次阅读
    Xilinx 7系列FPGA PCIe Gen<b class='flag-5'>3</b>的应用接口及<b class='flag-5'>特性</b>

    LORA模块的工作原理是什么

    在物联网(IoT)领域,LoRa技术因其长距离通信能力和低功耗特性而受到广泛关注。LoRa模块是实现这一技术的关键组件,它们被广泛应用于智能城市、农业监测、工业自动化等多个领域。 LoRa技术
    的头像 发表于 10-31 15:53 ?1531次阅读

    Taro 鸿蒙技术内幕系列(二):如何让 W3C 标准的 CSS跑在鸿蒙上

    HarmonyOS 采用自研的 ArkUI 框架作为原生 UI 开发方案,这套方案有完善的布局系统和样式控制,但是他的标准与 W3C 的 CSS 标准存在不一致性。这意味着,如果 Taro 直接
    的头像 发表于 10-31 10:54 ?575次阅读
    Taro 鸿蒙技术内幕系列(二):如何让 W<b class='flag-5'>3</b>C 标准的 <b class='flag-5'>CSS</b>跑在鸿蒙上

    研发都应该了解的如何在vite中接入现代化css工程化方案

    好的css工程化方案可以增强我们项目的可维护性、提高样式的复用性、进行自动化处理等,在提高页面加载速度和性能的同时,我们可以有更多的精力进行js逻辑的处理。
    的头像 发表于 10-25 17:25 ?823次阅读

    磁芯特性测试仪中的f3什么意思

    在磁芯特性测试仪中,关于“F3”的具体含义,可能因不同的测试仪型号、品牌或界面设计而有所差异。然而,在没有具体测试仪型号或操作手册的详细指导下,我们可以根据一般性的理解和常见的操作习惯来推测“F3
    的头像 发表于 09-18 11:32 ?764次阅读

    基于CSS融合存储系统的自动化制造服务平台存储解决方案

    基于CSS融合存储系统的自动化制造服务平台存储解决方案
    的头像 发表于 09-10 10:15 ?649次阅读
    基于<b class='flag-5'>CSS</b>融合存储系统的自动化制造服务平台存储解决方案

    PGA900能直接在CSS上编程吗?

    您好,PGA900能直接在CSS上编程吗? 可以通过XDS200下载程序到PGA900上面吗?
    发表于 08-08 07:31