简要谈一谈 css css3

mdn的定义：CSS （Cascading Style Sheets，层叠样式表）是用来控制网页在浏览器中的显示外观的声明式语言。浏览器会根据 CSS 的样式定义将其选定的元素显示为恰当的形式。一条 CSS 的样式定义包括属性和属性值，它们共同决定网页的外观。

css是用来修饰HTML躯干的，美化躯干

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

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

样式学习  可以看 W3D标准 菜鸟学院  MDN文档等，太多细节就不展开了，要注意的是  布局上的熟练掌握，媒体查询做响应式布局啊，结合js做布局啊，width: vw,height: vh的使用啊，浮动啊，浮动带来的问题啊 高度坍塌啊 外边距溢出啊，flex弹性布局啊，grids布局啊，BFC格式化上下文，水平垂直居中啊，改变盒模型啊，样式继承等等。

选择器优先级啊，行内样式啊，内联样式啊 外部样式啊，新增的伪类啊，新的选择器啊 之类的要懂，不一定要全部记住，会用会查就可以了，这里提前插一点，vue和react的组件的样式互不干扰问题，对浏览器来说是根据不同的选择器来区分的，所以只要他们的选择器不一样，样式就不会相互干扰，明白这一点就好理解了，vue在style标签加scoped属性就可以了，其他的交给webpack打包工具就可以了，在浏览器中查看样式也是给他加上随机前缀的，react没有scoped要自己配webpack来生成随机前缀。

less sass等样式新技术也要掌握，并且要知道 浏览器是不认识这些文件的还是要通过工具的编译转成浏览器认识的css。 

网上可以找到很多学习样式的文章或者网站，这里就不再说了，样式编写还是很重要的，虽然现在UI库有很多可以帮助快速开发，但是有些样式要自己写的，要知道样式穿透，继承覆盖等知识点，会用调试工具调试。