以下试题，面试题，看到这么一道题，css3的新属性有哪些。我马上给出了第一个答案transfromanimal@keyframe:rootflexgrid兄弟selectorattributeselector在心里回答了这些之后，不禁问自己一个问题，是真的吗？是全部吗？里面会混入css2属性吗？另一个第一反应，答案是，我不确定。然后我问了一个问题，css3标准什么时候出来的？这个概念在我刚接触前端的时候已经有四年多了，现在已经相当流行了，但是这个标准什么时候开始，我就不知道了.这是我正在寻找答案的一些材料。找到了css标准化的流程，还有中文翻译，对于我这种英文不是很好的人来说真的是个福音链接：https://developer.mozilla.org...首先介绍下他css3CSS3clearlyandclearly是最新版本的层叠样式表语言，旨在扩展CSS2.1。它带来了许多期待已久的新特性，例如圆角、阴影、渐变（gradients）、过渡（transition）和动画（animation）。以及新的布局方法，例如多列、灵活的框和网格布局。实验性功能以浏览器引擎为供应商前缀，应避免在生产环境中使用，或极其谨慎地使用，因为它们的语法和语义将来可能会发生变化。这段话可以摘录几个属性圆角阴影渐变(gradient)过渡(transition)animationsborder-radiusbox-shadowlinear-gradienttansitionsanimation,@keyframemulti-columnsflexibleboxgridlayoutscolumn-count,column-widthflexgrid惭愧的是有一些特性我经常用但是觉得是CSS2的特性：比如border-radius,box-shadows还有不常见的多列布局和背景：linear-gradient()尤其是多列布局，我还以为是一个长期存在的属性，alloutdatedbycss3正式消失本文中提到css被分成独立的模块，每个模块都是标准化的。在形式上，CSS3标准本身已经不存在了。每个模块都是独立标准化的，现在标准的CSS包括修改后的CSS2.1及其扩展的完整模块，模块层级数不一致。可以为每个时间点的CSS标准定义一个快照，列出CSS2.1和成熟的模块。文中还提到，css标准化进程的几个稳定节点中的一些CSS模块已经非常稳定，其状态是CSSWG规定的三个推荐级别之一：CandidateRecommendation（候选推荐）、ProposedRecommendation（推荐）推荐）或推荐（推荐）。说明这些模块已经很稳定了，使用的时候不需要加前缀，但是有些特性在CandidateRecommendation阶段可能还是会被放弃。所以在css(https://wiki.csswg.org/)官网中，有CR,PR,RECPeugeot的标准可以稳定使用，不过在www.w3.org还有另外一个status应该也是可以的建议EditedRecommendation(PER)forstableuse以下是在css3中修改、更新、添加达到以上推荐级别的模块，一共16个模块没有被推荐，但是标准化应该还在推进，包括level4也有几个在思考里面的属性，觉得这道题很难，而且题目太普通了，显得有点苛刻。对于那些新增的属性，把本文出现的属性记录在mdn上。快凌晨2点了，可能很难找到所有的属性，毕竟你要上班coloropacityhsl()hola()rgba()rgb()Selector属性选择器伪类伪元素兄弟选择器E[attr^="val"]:target:nth-of-type:before=>::beforeh1~preE[attr$="val"]:enabled:nth-last-of-type:after=>::afterE[attr*="val"]:disabled:last-child:first-letter=>::first-letter:indeterminate:first-of-type:first-line=>::first-line:root:last-of-type:nth-child:only-child:nth-last-child:only-of-child:root:empty:notCSSNamespacesModule@namespace关于这个属性，有篇未完的介绍文章待续，写到一半就停笔了。后面我会写出来，但是我在工作中从来没有用过这个属性。CSSBackgroundsandBordersModuleLevel3对于cvbackground-repeat属性的空格和圆角值没有灵魂，有一种语法支持两个值。背景附件本地值。CSSbackground-origin、background-size和background-clip属性。支持弯曲的边框角CSS属性：border-radius、border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius。使用![img]()支持边框：border-image、border-image-source、border-image-slice、border-image-width、border-image-outset和border-image-repeat。支持元素阴影：box-shadow。未完待续我发现单单这篇文章中的css3属性就很厉害了。当我主要整理不熟悉的时，我总是点击查看它们。因为需要休息，不能继续cv大法了。详情可以去这些网站了解https://developer.mozilla.org...https://www.w3.org/TR/https://drafts.c??sswg.org/
