碎片1

一、关于浮动清理

1、清理浮动的空元素，需要是块级别的，如：div、p，像是行级别的span不可以。

2、使用overflow的hidden或者auto也可以清理，范围仅对包含内的对象。

3、可以不做清理，让父节点元素也浮动起来。

 

 

二、使用*之后，将margin和padding设置为0，用以清除当前具有的所有边框和填充。

 

 

三、关于边框

1、滑动边框其实质是图片的叠加，而其长和高可以做%或者em的调节，但是最好设定长和高的最大值和最小值。【横向li+a的菜单、动态的层级显示块】

2、由于img显示的图片默认会占满容器【如果容器只有一个img的话】，所以即使在容器中添加背景图片，只要大小不超过img，是不会显示的，所以要在img上显示圆弧边框，要么在容器内增加img，利用决定对位的方式做层级覆盖，要么改变容器大小，至少超过img以便显示。

 

 

四、关于锚标记

1、可以对锚标记做背景图片的设定，并通过图片的背景定位【left、top、buttom、right】改变锚标记外观样式。

2、可以使用相对+绝对定位实现锚标记鼠标悬停时候的动态提示框的显示

 

五、居中

1、这是一个非常规方法：将主容器设为相对定位，将其左定位设为总长的一半，然进行白边框副缩进，其缩进的长度是其自身长度的一半。

 

六、使用*或者/、_符号，添加在节点前，IE低版本浏览器会自动无视【即*和/、_对IE低版本浏览器无效】，从而达到css的样式多浏览器应用

 

七、空白边框叠加，可以使用在容器内块级元素添加边框【padding】即可