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

    浏览量

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

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    TE Connectivity CSS-SGAF SMA电缆组件技术解析与应用指南

    TE Connectivity/Linx Technologies CSS-SGAF SMA隔板插孔转未端接端电缆组件提供SMA隔板插孔(母头插座),通过50毫米长0.047"半刚性
    的头像 发表于 11-07 16:21 525次阅读

    凯芯CSS6404SU-L pSRAM 兼容主流微控制器

    凯芯CascadeTeq CSS6404SU-L是一款64Mb QSPI pSRAM,采用串行接口实现高带宽数据传输,工作电压2.7-3.6V,时钟频率达133MHz。适用于物联网、便携设备和工业控制等需要高速缓存的嵌入式场景。
    的头像 发表于 10-28 09:25 262次阅读
    凯芯<b class='flag-5'>CSS</b>6404SU-L pSRAM 兼容主流微控制器

    深入解析Arm Zena CSS计算平台

    在汽车行业中,车辆正变得越来越智能且互联,并由人工智能 (AI) 定义。以往仅部署在高端车型的功能,例如实时驾驶员监控、预测性维护以及调适性车载信息娱乐系统 (IVI) 等,如今正迅速成为新车型的标准配备。同时,汽车开发也愈发复杂,进度安排更为紧凑,且安全标准不断演进,对可扩展计算能力提出了更高需求。
    的头像 发表于 10-15 16:21 330次阅读

    Arm正式取消Cortex命名!CPU向着高算力进发,Lumex CSS平台加持!

    电子发烧友网报道(文/黄晶晶)日前,在Arm Unlocked上海站技术论坛上,Arm重磅推出智能终端专属 Lumex CSS平台。Lumex CSS是一套专为旗舰级智能手机及下一代个人电脑加速其人
    的头像 发表于 09-17 08:25 2735次阅读
    Arm正式取消Cortex命名!CPU向着高算力进发,Lumex <b class='flag-5'>CSS</b>平台加持!

    全新Arm Lumex CSS平台实现两位数性能提升

    Arm 控股有限公司(纳斯达克股票代码:ARM,以下简称 Arm)今日宣布推出全新 Arm Lumex 计算子系统 (Compute Subsystem, CSS) 平台,这是一套专为旗舰级智能手机
    的头像 发表于 09-10 16:14 752次阅读
    全新Arm Lumex <b class='flag-5'>CSS</b>平台实现两位数性能提升

    Arm Zena CSS加速软件和芯片开发进程

    Arm 控股有限公司(纳斯达克股票代码:ARM,以下简称 Arm)近期宣布推出 Arm Zena 计算子系统 (Compute Subsystems, CSS)。作为标准化且预先集成的计算平台
    的头像 发表于 08-25 16:22 1815次阅读

    凯芯pSRAM:工业级能效

    凯芯CSS12804SU-O 128Mbit pSRAM以2.1Gbps带宽、1.8μA待机、3×3mm封装重塑穿戴存储:实时缓存健康数据,支撑AR与边缘AI,工业级耐宽温,国产化30%成本优势,续航延长30%,零重构兼容主流平
    的头像 发表于 08-04 10:00 450次阅读
    凯芯pSRAM:工业级能效

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

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

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

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

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

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

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

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

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

    华秋PCB下单新增3D仿真预览”,让PCB设计缺陷无处遁形
    的头像 发表于 03-28 14:54 1887次阅读
    【功能上线】华秋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

    是德科技与ADI合作展示6G FR3射频前端特性分析

    简化复杂的特性测试设置,缩短测试周期并减少开发工作流程错误 确保 FR3 设备的验证,推动 6G 研究、开发及部署 是德科技(NYSE: KEYS )与Analog Devices, Inc.
    的头像 发表于 03-05 14:37 1399次阅读

    GD32G5x3闪存读写(RWW)特性介绍

    电子发烧友网站提供《GD32G5x3闪存读写(RWW)特性介绍.pdf》资料免费下载
    发表于 02-07 14:41 0次下载
    GD32G5x<b class='flag-5'>3</b>闪存读写(RWW)<b class='flag-5'>特性</b>介绍