美文网首页
css3学习笔记

css3学习笔记

作者: igor_d140 | 来源:发表于2018-08-29 21:07 被阅读8次

css3简介

CSS3 是层叠样式表(Cascading Style Sheets)语言的最新版本,旨在扩展CSS2.1。

它带来了许多期待已久的新特性, 例如圆角、阴影、gradients(渐变)transitions(过渡)animations(动画) 。以及新的布局方式,如 multi-columns 、 flexible box 与 grid layouts。实验性特性以浏览器引擎为前缀(vendor-prefixed),应避免在生产环境中使用,或极其谨慎地使用,因为将来它们的语法和语义都有可能被更改。

模块和标准化进程

CSS Level 2 经历了 9 年的时间(从 2002 年 8 月到 2011 年 6 月)才达到 Recommendation(推荐) 状态,主要原因是被一些次要特性拖了后腿。为了加快那些已经确认没有问题的特性的标准化速度,W3C 的 CSS Working Group(CSS 工作组)作出了一项被称为 Beijing doctrine 的决定,将 CSS 划分为许多小组件,称之为模块。这些模块彼此独立,按照各自的进度来进行标准化。其中一些已经是 W3C Recommendation 状态,也有一些仍是 early Working Drafts(早期工作草案)。当新的需求被肯定后, 新的模块也会同样地添加进来。

更多内容,进原文链接:MDN web docs

相关文章

  • Scss进阶篇3

    慕课网学习笔记 @importSass 支持所有 CSS3 的 @ 规则, 以及一些 Sass 专属的规则,也被称...

  • css3学习笔记

    css3简介 CSS3是层叠样式表(Cascading Style Sheets)语言的最新版本,旨在扩展CSS2...

  • css3学习笔记

    最近做的项目中,涉及到了许多动画效果的实现,今天主要谈谈css3 Animation的使用。 CSS3属性中有关于...

  • CSS3学习笔记

    1. border-radius 向 div 元素添加圆角边框 例子 2border-radius: 2em 1e...

  • CSS3 学习笔记

    过渡 注意:如果时长未规定,则不会有过渡效果,因为默认值是 0。 边框 border-radius border-...

  • CSS3学习笔记

    效果如图 只需要创建一个一个div CSS代码如下

  • 07day

    CSS3动画 CSS3 @keyframes 规则如需在 CSS3 中创建动画,您需要学习 @keyframes ...

  • 前端学习笔记-CSS3

    项目代码同步上传到https://github.com/panhoucheng/Front-End-Study c...

  • CSS3学习笔记(二)

    background-origin:元素背景图片的原始位置。语法: 参数分别表示背景图片是从边框,内边距(默认值)...

  • CSS3学习笔记(三)

    CSS3选择器 属性选择器:通过id属性可将不同div元素进行区分。 在CSS2中引入了一些属性选择器,而CSS3...

网友评论

      本文标题:css3学习笔记

      本文链接:https://www.haomeiwen.com/subject/wrflwftx.html