【CSS】初识CSS

CSS3

CSS3是css技术的升级版本，CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂，所以，把它分解为一些小的模块，更多新的模块也被加入进来。这些模块包括： 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。

css3的优点：CSS3将完全向后兼容，所以没有必要修改现在的设计来让它们继续运作。网络浏览器也还将继续支持CSS2。对我们来说，CSS3主要的影响是将可以使用新的可用的选择器和属性，这些会允许实现新的设计效果（譬如动态和渐变），而且可以很简单的设计出现在的设计效果（比如说使用分栏）
渐进增强

• 基于低版本浏览器开发,逐步添加新功能, 向前看

优雅降级

• 基于高版本浏览器开发, 逐步兼容低版本浏览器, 向后看

  主流的五大浏览器 内核 兼容性

  • chrome webkit(旧)/blink(新) -webkit
  • safari webkit -webkit
  • 欧朋 presto -o
  • ie trident -mz

• 火狐 gecko -moz

针对不同浏览器使用

1. -webkit-border-radius
2. -o-border-radius
3. -ms-border-radius
4. -moz-border-radius

💡属性的使用会考虑到兼容的问题，不同的浏览器会可能会出现不同的效果
这里推荐使用一个查询浏览器属性兼容的网站https://caniuse.com/各大标签的兼容都可以查询
以查询border-radius举例