css干货小知识！

#关于选择器取名需要注意的：
不要用中文
开头不要用数字
不要用特殊符号（除了_- 但是也别放在开头）
命名最好有意义，一般是英语或者拼音,要用拼音就都用，不要拼音和英语混合
常见多个单词链接 一般有两种方式 1横杠链接header-left 2驼峰命名法headerLeft
#关于font样式需要注意的：
font:[font-style] [font-variant] [font-weight] font-size/[line-height] font-family
注意：font-size 和 font-family必须要有顺序不能不写
font-size/line-height 必须写
#盒子模型边距：
内边距一般调内容的边距,注意加了内边距，整体会变大，想要不变大，宽高要去减少
外边距用来调整物体的位置
#浮动的特点和常见问题：
浮动特点：
1、如果给一个元素加了浮动，会改变这个元素周围的文档流，变成浮动流(半脱离)
2、如果父级的宽度不够，子级会折行
3、浮动会改变元素的类型 类似行内块
浮动的作用
1、让元素变成一行
2、文本环绕 用的比较少了
浮动的问题
1、如果子级浮动了，父级没有设置高度，父级会出现塌陷的效果
a 父级加高度
b 清除浮动
2、浮动布局最后一个元素对下面的元素会产生影响
a 清除浮动
如何清除浮动
核心 clear:both|left|right
使用条件：只能是块标签

    1、给下面受影响的元素加clear 清除周围的浮动流 必须是块元素
    2、写一个类来解决 这个类加在浮动元素的父级身上
        .clearfix:after{
            content:'',//伪类的内容
            clear:both,//清除浮动
            display:block//变成块
        }
    3、让父级触发BFC效果
         1、position:absolute
         2、display:inline-block
         3、float：left
         4、overflow:hidden

         BFC block format content  块级格式化上下文
浮动的使用注意事项：
    1、只要加了浮动，一定清除浮动
    2、遇到要变成一行的，这一行全部浮动，给父级加clearfix，每一项加margin调整位置

#margin的问题：
1、同方向上父级子级都有margin ，margin的重合
2、同方向上父级没有margin，子级有margin，子级拽着父级一起走

解决方式：
    1、border
    2、overflow：hidden

3、上下元素的margin会重合

解决办法
    布局的时候养成好习惯，margin朝一个方向去写。

#css3字体图标：
阿里巴巴矢量图 https://www.iconfont.cn/
注册
搜索想要的，加到购物车
点击购物车
点击下载代码
点击demo_index.html 学习

最后无论是css的选择器还是css3新增伪类，本质上都是为了给html添加样式。选择器种类很多，没必要全都去记住，小细节才是布局最重要的。良好的布局习惯和细节处理会让你的布局在后期添加js时少去很多麻烦。