摘要：Formatting context是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。BFC有以下特性：1 内部的Box会在垂直方向，从顶部开始一个接一个地放置。2 Box垂直方向的距离由margin决定... 阅读全文

摘要：css选择器： ID选择器 | 类选择器 | 标签选择器 | 群组选择器 | 后代选择器选择器优先级：标签内样式(style) > ID选择器（#div）> 类选择器（.div）> 标签选择器（div | span） 1000 100 10 1三层嵌套 三层嵌套 hello three layer 背景图合并 背景图定位 定位position:absolute | relative | static | fixed | inhrit属性的值通过设置四个方向的像素值：... 阅读全文

摘要：倒影 语法：-webkit-box-reflect:direction(above | below | left | right) 间距（像素值） 注意 1.倒影产生的效果不在标准流之内 2.对box模型产生倒影 倒影加渐变 单纯使用倒影，于原图区分不大，显示不出效果，倒影一般与渐变配合使用 语法：-webkit-box-reflect:direction(above | below | left | right) 间距（像素值）-webkit-linear-gradient(direc tion,stop,stop) || -webkit-radial-gradient(center ... 阅读全文

摘要：渐变线性渐变:linear gradient语法：background: -webkit-linear-gradient( [point || angle ] , stop ,stop +） 第一个参数可以是用于设置起始点(起始边)eg:top left 或者 top也可以是渐变的旋转角度按照逆时针方式计算，设置为0时效果等同于设置left，表示从左边开始渐变。 stop代表颜色节点，可以有多个。eg: -webkit-linear-gradient(left ,yellow,black，blue)代表颜色从左侧开始渐变颜色依次变化，从黄变黑再变蓝。例：background:-moz-line 阅读全文

摘要：CSS3 选择器1.同级元素通用选择器E~F匹配任何在 E 元素之后的同级 F 元素Div与span同级，当用E~F时，选择与div同级的span2、属性选择器E[att^=“val”] 属性att的值以”val”开头的元素E[att$=“val”] 属性att的值以”val”结尾的元素E[att*=“val”] 属性att的值包含”val”字符串的元素3、伪类选择器与用户界面相关的伪类选择器描述示例E:enabled匹配表单中激活的元素input[type="text"]:enabled { background:#ddd;}E:disabled匹配表单中禁用的元素E:c 阅读全文

摘要：1、标签和body有默认的padding和margin解决方法：在css样式开头设置margin与padding为02、IE6中显示横向margin加倍满足条件：① 在IE6.0下 ② 有横向的margin ③有float(浮动） ④ 块属性解决方法：给浮动的块属性元素加一个display:inline;使得产生bug的四个条件不能同时满足。注：display：inline 使得被赋予属性的元素以行元素形式显示，相对的是display：block；使元素以块属性显示。3、IE6.0下有默认行高解决方法：多设置一条属性 overflow：hidden；注：overflow... 阅读全文