1. 置换元素

  置换元素是指:浏览器根据元素的标签和属性,来决定元素的具体显示内容。

  html中的<img><input><textarea><select><object>都是置换元素,这些置换元素往往没有实际内容,即是一个空元素。

  浏览器中的大多数元素都是不可置换元素,即其内容直接展示给浏览器。

2. 按钮组 btn-group

    .btn-group该class用于形成基本的按钮组;
    .btn-toolbar该 class 有助于把几组 <div class="btn-group"> 结合到一个 <div class="btn-toolbar"> 中,一般获得更复杂的组件。  
     btn-group-lg, .btn-group-sm, .btn-group-xs  这些 class 可应用到整个按钮组的大小调整,而不需要对每个按钮进行大小调整。
3. 触发BFC
   (1)、具有浮动(即float不为none)
   (2)、具有绝对定位或固定定位(position:absolute |fixed)
   (3)、display为inline-block, table-cell, table-caption, flex, inline-flex
   (4)、overflow不为visible(一般设置overflow:hidden)
4. 
    - .col-xs- 超小屏幕 手机 <768px
    - .col-sm- 小屏幕 平板  >=768px
    - .col-md- 中等屏幕  >=992px
    - .col-lg- 大屏幕  >1200px
5. label标签
    label只有两个属性for(规定 label 绑定到哪个表单元素)和form(规定 label 字段所属的一个或多个表单)。
6. 可用于优化CSS图片加载的技术
    CSS sprites (减小对服务器的请求)  ,    SVGsprit (体积小,矢量)  ,     iconfront (体积小,矢量)   ,    base64 (减小对服务器的请求) 
7. 回流(reflow)与重绘(repaint)
    回流必引起重绘,重绘不一定引起回流。
     Display:none会触发reflow
     visibility:hidden会触发repaint

8. DOM事件流

    DOM事件流包括三个阶段:事件捕获阶段,处于目标阶段,事件冒泡阶段。

posted on 2019-09-13 16:12  x_pudding  阅读(134)  评论(0编辑  收藏  举报