2017.1.20 -知识总结

先是几张自己写的笔记~

1.JPG

2.JPG

3.JPG

4.JPG

开始总结！

---

块元素的特征:

    1.在没有设置宽度时(仅仅是宽度，长度不可)，默认撑满一行 
    2.默认款元素独占一行
    3.支持所有的css命令

内联元素的特征：

    1.宽高由内容撑开
    2. 不支持宽高声明
    3.一行上可以显示继续跟同类的标签
    4. 不支持上下的margin
    5.代码换行被解析

inline-block的特点：

    1.块元素在一行显示；
    2.行内属性标签（内联元素）支持宽高；
    3.没有宽度的时候内容撑开宽度；
    4.标签之间d的换行被解析；
    5.ie6 ie7 不支持快属性标签的inline-block；

float的特征：

    1.块在一排显示；
    2.内联支持宽高；
    3.默认内容撑开宽度
    4.脱离文档流；
    5.提升层级半层；

清除浮动的方法：

     1.加高度（扩展性不好）
     2.给父级加浮动（页面中所有元素都加浮动，margin左右自动失效【floats bad】）
     3.inline-block清浮动（margin左右auto失效）
     4.空标签清浮动（ie6最小高度19px；【解决后ie6下还有2px偏差】）
     5.br清浮动（不符合工作中：结构、样式、行为三者分离的要求）
     6.after伪类清浮动【主流】 .clear:after  {
                                              content:"";
                                              display:block;
                                              clear:both; }
                             .clear{zoom:1;}
      7.overflow清除浮动；

相对定位的特征：

      1.不影响元素本身的特性；
      2.不使元素脱离文档流（元素移动之后原始位置会被保留）；
      3.如果没有定位偏移量，对元素本身没有任何影响；
      4.提升层级

绝对定位特点：

      1.使元素完全脱离文档流；
      2.使内嵌支持宽高；
      3.快属性标签内容撑开宽度；
      4.如果定位父级相对于父级发生偏移，没有定位父级相对与document发生偏移；
      5.相对定位一般都是配合绝对定位元素使用；
      6.提升层级；

固定定位特点：

      1.与绝对定位的特性基本一致，极个别差别是始终相对于整个文档定位；
      2.ie6不支持固定定位；

ie6、7下的透明度设置:
filter：alpha（opacity=0~100）；
**在下列这些情况下会创建新的BFC

      1.浮动元素（不为none时）；
      2.绝对定位元素；
      3.表格的单元格；
      4.表格的标题；
      5.display:inline-block；
      6.overflow的值不为visible。

合并行属性：
合并列属性：
** 表单格式：**

表单元素:

text 文本框 
password 密码
radio 单选
checkbox 复选
submit 提交
reset 重置
button 按钮 
image 图片 
file 上传
hidden 隐藏

另外还有一些兼容性的课程我没有听全，明天再补吧