CSS兼容性就是针对于不同浏览器我们书写不同的样式，从而达到统一的样式效果。其实，css兼容性，主要针对于ie的旧版浏览器， 因为其他浏览器比较符合w3c规范。 1 属性hackCSS前缀hack 针对的浏览器_color:red; IE6 专属*color IE7 及其以下版本CSS后缀hack 针对的浏览器color:red\9; IE6...

BFC(块级格式化上下文)BFC就是将元素按照从上到下的顺序去排列。 什么情况下可以让元素产生BFC给这些元素添加如下属性就可以触发BFC。-float属性不为none 浮动-position为absolute或fixed 脱离文档流-overflow不为visible。-display为inline-block, table-cell, table-caption...

clear属性 清除浮动clear清除元素浮动clear属性的值 left 清除元素向左的浮动 right 清除元素向右的浮动 both 左右的浮动均去除 inherit 清除父级继承来的浮动 清除浮动的方式 可以在要清除浮动的元素中使用clear:both来清除浮动对页面的影响，但是父元素如果没有高度就不会被撑开。 ...

display盒子的类型display 设置或检索对象是否及如何显示。display : none 隐藏对象。与它相反的是 display:block 除了转换为块级元素之外，同时还有显示元素的意思。特点： 隐藏之后，不再保留位置。div元素是块元素block，span元素是内行元素inline,123456div{ background-color: i...

cursor CSS鼠标样式设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。cursor : default 小白（默认光标，通常是一个箭头） | pointer 小手 | move移动 | text 文本尽量不要用hand 因为火狐不支持，pointer ie6以上都支持。尽量用。

floatfloat元素浮动元素设置了float，该元素在页面中不再占有位置，但其内容将会覆盖其他元素。Float的值 left 向左浮动 right 向右浮动 inherit 从父级继承浮动属性 none 不浮动1.浮动首先创建包含块的概念（包裹）。就是说， 浮动的元素总是靠着它最近的父级元素对齐...

z-indexz-index 设置元素的堆叠顺序z-index: 2; 设置元素的堆叠顺序，数值越大就越靠前，越不被覆盖。z-index 和position:static，不能同时使用，否则z-index会失效。在CSS中，要想调整重叠定位元素的堆叠顺序，可以对定位元素应用z-index层叠等级属性，其取值可为正整数、负整数和0。比如： z-index: 2;注意：1....

CSS定位position 实现CSS定位Position 把元素放在一个静态的、相对的、绝对的、或者固定的位置中 position:static静态定位；标准流中所有元素都是静态定位。设置position:static的元素， 会同设置position: relative的显示效果一样；但是元素不能设置上下左右的偏移量。静态定位是所有元素的默认定位方式，当posit...

去除图片底侧空白缝隙去除图片底侧空白缝隙有个很重要特性要记住： 如果一个元素没有基线，比如图片或者表单等行内块元素，则他的底线会和父级盒子的基线对齐。 这样会造成一个问题，就是图片底侧会有一个空白缝隙。解决的方法就是： 给img vertical-align:middle | top等等。 让图片不要和基线对齐。 给img 添加 display：block; 转换为...

设置元素垂直对齐方式Vertical-align 设置元素垂直对齐方式设置元素的垂直对齐方式。vertical-align 不能设置块级元素中的内容对齐，它只针对于行内元素或者行内块元素，特别是行内块元素，。通常用它来控制图片和表单等。Vertical-align：设置文本与图片的对齐方式 取值 middle 中线对齐 ...