css的知识点归纳与总结

前言

css是页面的化妆师，也是每个前端必须要掌握的基础，在工作中也常常因为频于业务，而不能很好的去沉淀技术，本文主要是作者业余学习记录下来的笔记,主要记录了css常用一些的基础，以及css高级应用，例如精灵图，字体图标等，还有css3新特性,主要是新增的属性选择器、结构伪类选择器、伪元素选择器，过渡，2d/3d转换(动画)等，还有些规范建议，HTML5新特性等，方便查缺补漏。

我的学习交流群点击：web前端学习裙

基础

字体设置

• 各种字体之间必须使用英文状态下的逗号隔开。
• 现在网页中普遍使用14px
• 中文字体需要加英文状态下的引号,英文字体一般不需要加引号。当需要设置英文字体时,英文字体名必须位于中文字体名之前。
• 如果字体名中包含空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-fanily:"Times new Roman";
• 尽量使用系统默认字体,保证在任何用户的浏览器中都能正确显示
• 尽量不用中文,有兼容问题,最好用对应的英文或者unicode编码。

* {
   font-family: "Microsoft  YaHei",tahoma,arial,"Hiragino Sans GB"
 }

字体粗细

span {
    font-weight:400;
 }

tips：数字400 =