先是几张自己写的笔记~
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。
合并行属性：<td rowspan="2"></td>
合并列属性：<td colspan="2"></td>
** 表单格式：**
<form action="填写提交地址"></form>
<input type="" name="" value=""/>
表单元素:
text 文本框
password 密码
radio 单选
checkbox 复选
submit 提交
reset 重置
button 按钮
image 图片
file 上传
hidden 隐藏
另外还有一些兼容性的课程我没有听全，明天再补吧😊
网友评论