0

0

css3什么时间推出的

青灯夜游

青灯夜游

发布时间:2021-07-14 17:23:14

|

4320人浏览过

|

来源于php中文网

原创

css3于1999年开始制订,2001年5月23日w3c完成了css3的工作草案,草案中制定了css3发展路线图,详细列出了所有模块,并计划在未来将逐步进行规范;主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效等模块。

css3什么时间推出的

本教程操作环境:windows7系统、CSS3版、Dell G3电脑。

CSS3是CSS(层叠样式表)技术的升级版本,于1999年开始制订,2001年5月23日W3C完成了CSS3的工作草案;在该草案中制定了 CSS3 发展路线图,路线图详细列出了所有模块,并计划在未来将逐步进行规范。

CSS3规范的一个新特点是被分为若干个相互独立的模块。一方面分成若干较小的模块较利于规范及时更新和发布,及时调整模块的内容,这些模块独立实现和发布,也为日后CSS的扩展奠定了基础。另外一方面,由于受支持设备和浏览器厂商的限制,设备或者厂商可以有选择的支持一部分模块,支持CSS3的一个子集,这样有利于CSS3的推广。

下面简单地说明一下各个主要模块的发布时间和内容:

立即学习前端免费学习笔记(深入)”;

  • 2002 年 5 月 15 日发布了 CSS3 Line 模块,该模块规范了文本行模型。

  • 2002 年 11 月 7 日发布了 CSS3 Lists 模块,该模块规范了列表样式。

  • 2002 年 11 月 7 日还发布了 CSS3 Border 模块,新添加了背景边框功能。该模块后来被合并到了背景模块中。

  • 2003 年 5 月 14 日发布了 CSS3 Generated and Replaced Content 模块,定义了 CSS3 的生成及更换内容功能。

  • 2003 年 8 月 13 日发布了 CSS3 Presentation Levels 模块,定义了演示效果功能。

  • 2003 年 8 月 13 日还发布了 CSS3 Syntax 模块,该模块重新的定义了 CSS 语法基础。

  • 2004 年 2 月 24 日发布了 CSS3 Hyperlink Presentation 模块,重新定义了超链接表示规则。

  • 2004 年 12 月 16 日发布了 CSS3 Speech 模块,该模块重新定义了语音“样式”规则。

  • 2005 年 12 月 15 日发布了 CSS3 Cascading and Inheritance 模块,定义了 CSS 层叠和继承规则。

  • 2007 年 8 月 9 日发布了 CSS3 Basic Box 模块,该模块重新定义了 CSS 基本盒模型规则。

  • 2007 年 9 月 5 日发布了 CSS3 Grid Positioning 模块,定义了 CSS 网格定位规则。

  • 2009 年 3 月 20 日发布了 CSS3 Animations 模块,定义了 CSS 动画模型。

  • 2009 年 3 月 20 日还发布了 CSS3 3D Transforms 模块,定义了 CSS 3D 转换模型。

  • 2009 年 6 月 18 日发布了 CSS3 Fonts 模块,定义了 CSS 字体模式。

  • 2009 年 7 月 23 日发布了 CSS3 Image Values 模块,定义了图像内容显示模型。

  • 2009 年 7 月 23 日还发布了 CSS3 Flexible Box Layout 模块,定义了灵活的框布局模型。

  • 2009 年 12 月 1 日发布了 CSS3 2D Transforms 模块,定义了 2D 转换模型。

  • 2010 年 4 月 29 日发布了 CSS3 Generated Conten for Paged Media 模块,定义了分页媒体内容模型。

    同程联盟景点门票动态程序 beta1.0
    同程联盟景点门票动态程序 beta1.0

    经过一段时间的开发,以及内部测试,同程网联盟景区新版程序正式发布推出,感谢广大联盟会员一直以来的支持与关注! 同程网联盟景区新版程序新功能介绍:1.统一的页面风格。页面风格将与随后推出的度假线路、酒店、机票以及融合版联盟程序风格保持一直;2.新增后台管理系统。可更加方便快捷的对网站进行个性化设置;3.动态与伪静态切换。后台操作,简单便捷;4.缓存管理。新增缓存,提高网站访问速度,后台可定期清理;5

    下载
  • 2010 年 10 月 5 日发布了 CSS3 Text 模块,定义了文本模型。

  • 2010 年 10 月 5 日还发布了 CSS3 Background and Borders 模块,该模块重新补丁了边框和背景模型。

更详细的信息可以参见 https://www.w3c.org/Style/CSS/current-work.html,其中介绍了 CSS3 具体划分了多少个模块、CSS3 所有模块目前所处的状态,以及将在什么时候发布等。

CSS3 被划分成了多个模块,每个模块都有自己的规范,这样做的好处是:

  • 整个 CSS3 的规范发布不会因为部分存在争论而影响其他模块的推进。

  • 对于浏览器来说,可以根据需要,决定哪些 CSS 功能被支持。

  • 对于 W3C 制定者而言,可以根据需要进行针对性的更新,从而使一个整体的规范更加灵活,并能够及时修订,这样更容易扩展新的技术特定。

使用 CSS3 有什么好处呢?

最明显的就是 CSS3 能让页面看起来非常炫、非常酷,使网站设计锦上添花,但它的好处远远不止这些。

在大多数情况下,使用 CSS3 不仅有利于开发与维护,还能提高网站的性能。与此同时,还能增加网站的可访问性、可用性,使网站能适配更多的设备,甚至还可以优化网站 SEO,提高网站的搜索排名结果。

1、减少开发和维护成本

为什么说 CSS3 能减少开发与维护的成本呢?

先来看一个实例。一个圆角效果,在 CSS2 中需要添加额外的 HTML 标签,要使用一个或者更多图片来完成;而使用 CSS3 只需要一个标签、一个 border-radius 属性就能完成。这样,CSS3 技术能把人们从绘图、切图和优化图片的工作中解救出来。

如果后续需要调整这个圆角的弧度或者圆角的颜色,若使用 CSS2,要从头绘图、切图才能完成,而使用 CSS3 几秒钟就能完成这些工作。

CSS3 还能让我们远离一大堆的 JavaScript 脚本代码或者 Flash,我们不再需要花大把时间去写脚本或者寻找合适的脚本插件并修改以适配网站特效。

最后,有些 CSS3 技术还能帮助简化页面,让结构更加清晰。例如为达到一个效果而嵌套很多 div 标签和类名,这样能有效地提高工作效率、减少开发时间、降低开发成本。例如,制作一个重叠的背景效果,在 CSS 中需要添加 div 标签和类名,在不同的 div 中放一张背景图,现在可以使用 CSS3 的多背景和背景尺寸等新特性,在一个 div 标签就能完成这些工作。

2、提高页面性能

在进行 Web 开发时,减少多余的标签嵌套和图片的使用数量,意味着用户要下载的内容将会更少,页面加载也会更快。另外,更少的图片、脚本和 Flash 文件让 Web 站点减少 HTTP 请求数,这是提升页面加载速度的最佳方法之一。

而使用 CSS3 制作图形化网站无须任何图片,能极大地减少 HTTP 的请求数量,并且提升页面的加载速度。

当然,这取决于釆用 CSS3 特性来代替什么技术,同样还要看如何使用 CSS3 特性。例如,CSS3 的动画效果,能够减少对 JavaScript 和 Flash 文件的 HTTP 请求,但可能要求浏览器执行很多的工作来完成这个动画效果的渲染,这有可能导致浏览器响应缓慢,致使用户流失。

因此,在使用一些复杂的特效时,大家需要考虑清楚。不过这样的现象毕竟很少。

(学习视频分享:css视频教程

相关文章

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
css3教程
css3教程

php中文网为大家提供css3教程合集,CSS3的语法是建立在CSS原先版本基础上的,它允许使用者在标签中指定特定的HTML元素而不必使用多余的class、ID或JavaScript。php中文网还为大家带来css3的相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

427

2023.06.14

有哪些css3渐变属性
有哪些css3渐变属性

css3中渐变属性有linear-gradient、radial-gradient、conic-gradient、repeating-linear-gradient、repeating-radial-gradient等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

143

2023.11.01

堆和栈的区别
堆和栈的区别

堆和栈的区别:1、内存分配方式不同;2、大小不同;3、数据访问方式不同;4、数据的生命周期。本专题为大家提供堆和栈的区别的相关的文章、下载、课程内容,供大家免费下载体验。

443

2023.07.18

堆和栈区别
堆和栈区别

堆(Heap)和栈(Stack)是计算机中两种常见的内存分配机制。它们在内存管理的方式、分配方式以及使用场景上有很大的区别。本文将详细介绍堆和栈的特点、区别以及各自的使用场景。php中文网给大家带来了相关的教程以及文章欢迎大家前来学习阅读。

605

2023.08.10

html边框设置教程
html边框设置教程

本教程将带你全面掌握HTML/CSS边框设置,从基础的border属性讲起,涵盖所有边框样式、圆角设置及高级技巧,帮助你快速上手实现各种边框效果。

44

2025.09.02

http500解决方法
http500解决方法

http500解决方法有检查服务器日志、检查代码错误、检查服务器配置、检查文件和目录权限、检查资源不足、更新软件版本、重启服务器或寻求专业帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

495

2023.11.09

http请求415错误怎么解决
http请求415错误怎么解决

解决方法:1、检查请求头中的Content-Type;2、检查请求体中的数据格式;3、使用适当的编码格式;4、使用适当的请求方法;5、检查服务器端的支持情况。更多http请求415错误怎么解决的相关内容,可以阅读下面的文章。

450

2023.11.14

HTTP 503错误解决方法
HTTP 503错误解决方法

HTTP 503错误表示服务器暂时无法处理请求。想了解更多http错误代码的相关内容,可以阅读本专题下面的文章。

3537

2024.03.12

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
CSS3 教程
CSS3 教程

共18课时 | 7万人学习

HTML5/CSS3/JavaScript/ES6入门课程
HTML5/CSS3/JavaScript/ES6入门课程

共102课时 | 7.3万人学习

HTML+CSS基础与实战
HTML+CSS基础与实战

共132课时 | 12.4万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号