CSS3是CSS(层叠样式表)技术的升级版本。它是在1999年开发的。2001年5月23日,W3C完成了CSS3的工作草案,主要包括框模型,列表模块,超链接方法,语言模块,背景以及诸如边框,文本效果和多列布局之类的模块。
CSS演变的一个主要变化是W3C决定将CSS3分为一系列模块。浏览器供应商正在根据CSS节奏进行快速创新。因此,通过采用模块化方法,CSS3规范中的元素可以以不同的速度前进,因为不同的浏览器供应商仅支持给定的功能。但是不同的浏览器在不同的时间支持不同的功能,这也使跨浏览器的开发变得复杂。
web前端三大主流框架——css3介绍
MDNWebDoc-CSS。我个人觉得只要你仔细读一下文档,CSS并不难学。绝大多数觉得难的,一方面是文档没读透,另一方面是浏览器支持的标准不一致。所以,学好CSS最关键的还是要仔细地读文档。
之后,在写CSS的时候,你会发现,你的CSS中有很多看起来相似的东西。你的DRY-Don’tRepeatYourself洁癖告诉你,这是不对的。所以,你需要学会使用LESS和SaSS
这两个CSS预处理工具,其可以帮你提高很多效率。
然后,你需要学习一下CSS的书写规范,这里推荐几个。
Principlesofwritingconsistent,idiomaticCSS
OpinionatedCSSstyleguideforscalableapplications
GoogleHTML/CSSStyleGuide
如果你需要更有效率,那么你还需要使用一些CSSFramework,其中最著名的就是Twitter公司的Bootstrap,其有很多不错的UI组件,页面布局方案,可以让你非常方便也非常快速地开发页面。除此之外,还有,主打清新UI的SemanticUI、主打响应式界面的Foundation和基于Flexbox的Bulma。
当然,在使用CSS之前,你需要把你浏览器中的一些HTML标签给标准化掉。所以,推荐几个Reset或标准化的CSS库:Normalize、MiniRest.css、sanitize.css和unstyle.css。
关于更多的CSS框架,你可以参看AwesomeCSSFrameworks
接下来,是几个公司的CSS相关实践,供你参考。
CodePen’sCSS
Github的CSS
Medium’sCSSisactuallyprettyf*inggood
CSSatBBCSport
RefiningTheWayWeStructureOurCSSAtTrello
最后是一个可以写出可扩展的CSS的阅读列表AScalableCSSReadingList