笔记3

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事件流包括三个阶段：事件捕获阶段，处于目标阶段，事件冒泡阶段。

转载于:https://www.cnblogs.com/-pudding/p/11517060.html