Bootstrap
用于整体布局,简单方便迅速。

Bootstrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口(viewport)尺寸的增加,系统会自动分为最多12列。


重置技术
最古老、暴力、原始的方法

        *{
           margin:0;
           padding:0;
         }
reset.css   不通用,很多版本

Normalize.css    成熟的通用版本

        字体,定义了sans-serif,即不衬线字体。
        不衬线字体,每一笔画没有装饰,比如黑体等,常用于屏幕字体。
        因为随着屏幕的变化变大,衬线字体会模糊等失真。
        衬线字体在每一笔画都会有简单的装饰效果,比如宋体等,常用于印刷。


多适用屏幕适用
四种屏幕

         超小屏幕设备 手机 (<768px)     .col-xs- 一般使用这个
         小屏幕设备 平板 (≥768px)    .col-sm-    
         中等屏幕设备 桌面 (≥992px)      .col-md-
         大屏幕设备 桌面、电视、2k、4k屏幕 (≥1200px)   .col-lg-
         xs可以适应其它三种屏幕,但是lg只适应大屏幕设备,当屏幕<1200px时,会占满整行。即随着屏幕的大小向上适应。