前端0-9

人生是用来体验的，不是用来演绎完美的。

这句话也许听着很励志，但我们每个人心里都不会只想着一辈子平平淡淡的活着，一个人做出的任何选择都是他在选择自己的未来，哪怕是一个很小的决定，也可能就是这个小决定影响了你的后半生，还有你的人生轨迹，该怎么活，活成什么样，都是看你自己的选择。

我们选择开始学习前端，那就一定是对它感兴趣的，不然IT行业各型各色，选择web总不是因为它比其他的相对简单吧，如果有这种想法那你真的是很懦弱的一个人，既然你觉得它简单，你大可以去选择更有挑战性的东西。

所以话又说回来，当一个人的野心和能力不匹配时，他就一定会做出改变，这是必然的。

因为他想要的东西越来越多了，也越来越贵了，如果他是一个正直的人，他就会想着通过自己的能力来得到这些东西，这时候他就需要做出选择了，继续过着咸鱼般躺平的生活，还是去拼一把，这也就有了开头的第一句话，人生是用来体验的，不是用来演绎完美的，人生确实不是让我们来演绎完美的，因为没有人知道完美到底是什么样，总会有缺点和别人接受不了的一点，所以体验人生，就有无数种选择

清除浮动的方法
        1.给浮动元素的父级盒子设置一个固定的高度
          优缺点：不够灵活，适用于高度固定的布局中

        2.为浮动元素的父级盒子设置浮动
          优缺点：会产生新的浮动问题

        3.为浮动元素的父盒子添加overflow属性；overflow的属性值可以为hidden,scroll,auto
          优缺点：可能会隐藏内容或触发不需要的滚动条；代码简洁

        4.在浮动元素之后，与浮动元素呈并列关系的位置，加一个不浮动块元素（空的div标签（div本身不浮动，没有尺寸）），在空的div标签上加上属性：clear：both;
          优缺点：代码冗余，通俗易懂，书写方便

            clear: left; 清除左侧浮动带来的影响
            clear: right;清除右侧浮动带来的影响
            clear: both;清除两侧浮动带来的影响

        5.推荐方式：用伪元素清除浮动，给浮动元素的父级盒加类名.clearfix，并在.clearfix中添加样式：
       
           .clearfix::after{
                 content:'';
                 display:block;
                 clear:both;
            }
            优缺点：不会再结构上产生冗余代码，可以重复使用，结构语义化正确

css精灵英文叫法 css sprites，通常被解释为“CSS 图像拼合”或“CSS 贴图定位”；其实就 是把网页中一些背景图片整合到一张图片文件中，再利用 CSS “background-image”， “background- repeat”，“background-position”的组合进行背景定位，background-position 精确的定位出背景图片的位置

精灵图的原理