css盒模型和浮动

盒模型

height，width设置元素的高度，宽度

元素的内边距 padding-top 上内边距。  padding-right右内边距。  padding-bottom 下内边距  padding-left左内边距  padding 属性接受长度值或百分比值，但不允许使用负值。  padding * 同时设定四个边距  padding ** 分别设定上下、左右边距  padding *** 分别设定上、左右、下边距

 padding****分别设定上、右、下、左边距 元素的外边距:margin-top 上外边距

margin-rigt 右外内边距  margin-bottom 下外边距 margin-left 左外边距 margin 属性接受长度值或百分比值，允许使用负值。 margin * 同时设定四个外边距 margin ** 分别设定上下、左右外边距 margin *** 分别设定上、左右、下外边距 margin **** 分别设定上、右、下、左外边距

box-sizing 属性可以为三个值：content-box（正常）， border-box（怪异）宽=内填充左右+边框左右

opacity：透明度

鼠标的样式

1.hand 是手型 2. pointer 也是手型，推荐使用这种。 3. crosshair 是十字型 欣知大数据—孙也 4. text 是移动到文本上的那种效果 5. wait 是等待的那种效果 6. default 是默认效果 7. e-resize 是向右的箭头 8. ne-resize 是向右上的箭头 9. n-resize 是向上的箭头 10. nw-resize 是向左上的箭头 11. w-resize 是向左的箭 12. sw-resize 是左下的箭头 13. s-resize 是向下的箭头 14. se-resize 是向右下的箭头 15. auto 是由系统自动给出效果

溢出 overflow ：

visible （不裁剪内容，可能会显示在内容框之外），hidden（裁剪内容-不提供滚动）,scroll (裁剪内容-提供滚动机制),auto( 如果溢出框，则应该提供滚动机制)。 

轮廓（outline）：

轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围， 可起到突出元素的作用。 outline 在一个声明中设置所有的轮廓属性：  outline-color 设置轮廓的颜色。  outline-style 设置轮廓的样式。  outline-width 设置轮廓的宽度。  outline-offset 设置轮廓到边框的距离。

display 属性常用属性

display：none(不显示) block（显示）

css浮动 

float：right，left(右左浮动) 

使用浮动常出现的问题

1. 对附近的元素布局造成改变，使得布局混乱（覆盖）

2. 因为元素脱离了文档流，会造成一种坍塌的现象。简单的说就 是原来的父元容器是被元素撑开的，当浮动之后，父容器的高 度就会坍塌

清除浮动

1. 在浮动的元素后面加一个空元素 clear：both

2. after 伪类

3. 通过设置父容器 css 的样式

4. 给前面一个父元素设置高度