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

    浏览量

    3803
收藏 人收藏

    评论

    相关推荐

    Facebook开源StyleX如何在JavaScript中写CSS呢?

    Meta(原 Facebook)开源了全新的 CSS-in-JS 库 StyleX。
    的头像 发表于 12-14 10:03 267次阅读

    超好用的开源IP地址管理系统,告别传统Excel统计方式!

    phpIPAM是一个开源的Web IP地址管理应用程序(IPAM)。其目标是提供轻松,现代和有用的IP地址管理。它是基于php的应用程序,带有MySQL数据库后端,使用jQuery库,ajax和HTML5 / CSS3功能。
    的头像 发表于 10-12 17:49 4174次阅读
    超好用的开源IP地址管理系统,告别传统Excel统计方式!

    ARM CSS N2处理器解析

    Arm 刚刚在 HotChips 上透露了以 CSS N2 为首的计算子系统 (CSS) 发展方向。CSS 背后的意图是提供预集成、优化和验证的子系统,以加快基础设施系统构建商的产品上市时间。
    发表于 09-06 09:35 375次阅读
    ARM <b class='flag-5'>CSS</b> N2处理器解析

    189.【CSS3】19 CSS3 伸缩盒模型 主轴对齐方式i #硬声创作季

    CSS
    充八万
    发布于 :2023年07月19日 13:57:53

    195.【CSS3】25 CSS3 伸缩盒模型 排序与单独对齐 #硬声创作季

    CSS
    充八万
    发布于 :2023年07月19日 13:56:38

    186.【CSS3】16 CSS3 伸缩盒模型 主轴方向 #硬声创作季

    CSS
    充八万
    发布于 :2023年07月19日 13:55:24

    188.【CSS3】18 CSS3 伸缩盒模型 flex flow

    CSS
    充八万
    发布于 :2023年07月19日 13:52:54

    198.【CSS3】28 CSS3 响应式布局 常用阈值 #硬声创作季

    CSS
    充八万
    发布于 :2023年07月19日 13:51:40

    187.【CSS3】17 CSS3 伸缩盒模型 主轴换行方式 #硬声创作季

    CSS
    充八万
    发布于 :2023年07月19日 13:47:56

    191.【CSS3】21 CSS3 伸缩盒模型 水平垂直居中

    CSS
    充八万
    发布于 :2023年07月19日 13:42:57

    184.【CSS3】14 CSS3 伸缩盒模型 简介 #硬声创作季

    CSS
    充八万
    发布于 :2023年07月19日 13:40:28

    192.【CSS3】22 CSS3 伸缩盒模型 基准长度 #硬声创作季

    CSS
    充八万
    发布于 :2023年07月19日 13:25:32

    91.【CSS】035 CSS 颜色 第3种表示 HEX与HEXA #硬声创作季

    CSS
    充八万
    发布于 :2023年07月19日 12:32:03

    你们知道前端大神是怎么学CSS的嘛

    有人说,要成为前端高手很容易:先学好 HTML/CSS/JavaScript 三剑客,再学会三大前端框架——Vue/React/Angular,快则三个月,慢则半年,前端的工作就没有搞不定的了。
    的头像 发表于 05-30 11:26 409次阅读

    有没有办法检查/设置css缓冲区?

    你好。有没有办法检查/设置 css 缓冲区?似乎当我添加太多 css 特性时,事情会变得不稳定。
    发表于 05-10 09:03