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

    浏览量

    3887
收藏 人收藏

    评论

    相关推荐

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

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

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

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

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

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

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

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

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

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

    PGA900能直接在CSS上编程吗?

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

    Arm终端CSS革新,加速端侧人工智能时代

    在当今信息化与智能化的交汇点,人工智能的发展势头正盛。尤其是在端侧人工智能领域,其对于计算平台的性能、能效以及集成度的要求日益提升。近日,全球领先的半导体知识产权(IP)提供商Arm,再次引领行业潮流,推出了全新的Arm终端计算子系统(CSS),旨在打造迄今为止速度最快、性能最优的Arm计算平台。
    的头像 发表于 06-24 18:23 1551次阅读

    Arm宣布推出终端计算子系统(CSS),提供领先的人工智能体验

    Arm 控股有限公司(纳斯达克股票代码:ARM,以下简称“Arm”)今日宣布推出 Arm® 终端计算子系统 (CSS),以提供领先的人工智能 (AI) 体验,助力芯片合作伙伴更轻松、快速地构建基于 Arm 架构的解决方案,并加速其产品上市进程。
    的头像 发表于 05-30 14:11 1324次阅读
    Arm宣布推出终端计算子系统(<b class='flag-5'>CSS</b>),提供领先的人工智能体验

    Arm推出AI优化的Arm终端CSS以及新的Arm Kleidi软件

    Arm 终端计算子系统 (CSS) 作为新的计算解决方案,结合了 Armv9 架构的优势,以及基于三纳米工艺节点,经过验证和证实为生产就绪的新 Arm CPU 和 GPU 实现,可赋能芯片合作伙伴快速创新,
    的头像 发表于 05-30 11:33 745次阅读
    Arm推出AI优化的Arm终端<b class='flag-5'>CSS</b>以及新的Arm Kleidi软件

    芯海应用笔记:CSS34P16P(A)型应用说明文档

    CSS34P16P(A)是 USB Type-C 型控制器,它符合最新 USB Type-C 型和 PD 标准. CSS34P16 为适配器、车载充电器、移动电源等应用提供了一个完整的 USB
    发表于 05-16 14:46

    Arm新Arm Neoverse计算子系统(CSS):Arm Neoverse CSS V3和Arm Neoverse CSS N3

    Neoverse计算子系统(CSS)包括Arm Neoverse CSS V3和Arm Neoverse CSS N3。 Arm推出Neo
    的头像 发表于 04-24 17:53 1212次阅读
    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>

    STM32L431出现LSE CSS后RTC的ALARM无法进入中断是怎么回事啊?

    STM32L431的RTC配置使用LSE时钟,配置ALARMA中断,可以正常进入中断,但是出现LSE CSS后重新配置RTC使用LSI做为系统时钟,但配置后RTC的ALARMA无法进入中断,这是怎么回事啊?
    发表于 04-08 06:58

    STM32L431CCT6频繁出现LSE CSS错误是什么原因导致的?

    STM32L431CCT6芯片,外部使用32.768k的晶振,匹配电容22pf。LSE作为RTC,LPUART1的时钟源,启用LSE CSS功能。经常会发生LSE CSS错误,在发生错误的时候没有
    发表于 03-28 09:01

    美国宣布向SK Siltron CSS提供5.44亿美元贷款用于SiC晶圆生产

    今天,美国能源部(DOE)贷款计划办公室(LPO)宣布向SK Siltron CSS, LLC提供5.44亿美元的有条件贷款,以扩大美国电动汽车(EV)电力电子设备用高质量碳化硅(SiC)晶圆的生产。
    的头像 发表于 02-23 14:52 806次阅读

    Arm 更新 Neoverse 产品路线图,实现基于 Arm 平台的人工智能基础设施

    新闻重点: Arm 宣布推出两款基于全新第三代 Neoverse IP 构建的新的 Arm Neoverse 计算子系统 Arm Neoverse CSS V3 是高性能 V 系列产品组合中的首款
    发表于 02-22 11:41 455次阅读