路径的写法：相对路径     "/" 同一路径下     "../" 上一级路径
表格：table 表格  tr 行  td  单元格  th 表格表头  caption  表格标题（要紧随table） rowspan  行合并  colspan 列合并

自定义列表 dl  dt  dd

border-collapse:collapse; 表示表格相邻边框合并在一起。

表单：input表单 属性placeholder（占位符）在输入框里面提示用户输入密码和用户名等

input 的type属性为radio(单选)   checkbox(复选)  submit (提交表单)  reset（重置表单） image(图像按钮)  file（文件域） button（普通按钮）

textarea 文本域标签 （评论之类的）

select 下拉选项

form表单的method是提交方式post/get ,get通过地址栏发送到后台 post发送的时候不显示，比较安全

:link (未访问过的链接)   :visited(已访问过的链接)  :hover(鼠标移动到链接上) :active(选定的链接)  用的最多的是：hover   可以用这个来做一些简单的动画过渡效果。

margin 不会增加内容宽高   padding会增加内容宽高    加了padding的元素本身没有宽高的话。不会增加元素的宽高造成布局乱了

清除浮动是为了防止子元素浮动导致父元素没有高度导致后面的标准流元素会顶上来的问题

清除浮动的方法：1 隔墙法，在最后浮动的子元素后面添加一个标签   选择器{clear:属性值;}   clear 清除

2 可以给父级添加： overflow为 hidden| auto| scroll  都可以实现。

3 用伪元素方法清除浮动  .clearfix:after {  content: ""; display: block; height: 0; clear: both; visibility: hidden;  }   

.clearfix {zoom: 1;}   / IE6、7 专有 */

4 双伪元素方法  

.clearfix:before,.clearfix:after {   content:"";  display:table; }.clearfix:after { clear:both;}.clearfix {  *zoom:1;

}

CSS书写顺序（最好是这样，清楚好看）

1：布局定位属性   2： 自身属性   3：  文本属性   4： 其他属性（CSS3）

给了定位相当于把元素转换成类似行内块元素

当元素设置定位时，他的层级默认比标准流和浮动的层级要高

三种布局的顺序   定位>浮动>标准流      只有定位的元素才能设置z-index层级

路径的写法：相对路径     "/" 同一路径下     "../" 上一级路径
表格：table 表格  tr 行  td  单元格  th 表格表头  caption  表格标题（要紧随table） rowspan  行合并  colspan 列合并

自定义列表 dl  dt  dd

border-collapse:collapse; 表示表格相邻边框合并在一起。

表单：input表单 属性placeholder（占位符）在输入框里面提示用户输入密码和用户名等

input 的type属性为radio(单选)   checkbox(复选)  submit (提交表单)  reset（重置表单） image(图像按钮)  file（文件域） button（普通按钮）

textarea 文本域标签 （评论之类的）

select 下拉选项

form表单的method是提交方式post/get ,get通过地址栏发送到后台 post发送的时候不显示，比较安全

:link (未访问过的链接)   :visited(已访问过的链接)  :hover(鼠标移动到链接上) :active(选定的链接)  用的最多的是：hover   可以用这个来做一些简单的动画过渡效果。

margin 不会增加内容宽高   padding会增加内容宽高    加了padding的元素本身没有宽高的话。不会增加元素的宽高造成布局乱了

清除浮动是为了防止子元素浮动导致父元素没有高度导致后面的标准流元素会顶上来的问题

清除浮动的方法：1 隔墙法，在最后浮动的子元素后面添加一个标签   选择器{clear:属性值;}   clear 清除

2 可以给父级添加： overflow为 hidden| auto| scroll  都可以实现。

3 用伪元素方法清除浮动  .clearfix:after {  content: ""; display: block; height: 0; clear: both; visibility: hidden;  }   

.clearfix {zoom: 1;}   / IE6、7 专有 */

4 双伪元素方法  

.clearfix:before,.clearfix:after {   content:"";  display:table; }.clearfix:after { clear:both;}.clearfix {  *zoom:1;

}

CSS书写顺序（最好是这样，清楚好看）

1：布局定位属性   2： 自身属性   3：  文本属性   4： 其他属性（CSS3）

给了定位相当于把元素转换成类似行内块元素

当元素设置定位时，他的层级默认比标准流和浮动的层级要高

三种布局的顺序   定位>浮动>标准流      只有定位的元素才能设置z-index层级