摘要：
Formatting context是W3C CSS2.1规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其子元素将如何定位，以及和其他元素的关系和相互作用。BFC有以下特性：1 内部的Box会在垂直方向，从顶部开始一个接一个地放置。2 Box垂直方向的距离由margin决定... 阅读全文
摘要：
DOM一份文档就是一棵节点树节点分为不同的类型：元素节点、属性节点、文本节点获取元素的方法：1、getElementById 返回一个与有着给定ID属性值的元素节点对应的对象2、getElementsByName 返回一个具有相同名字的对象数组3、getElementsByClassName 返回一个具有相同类名的数组获取与设置属性的方法getAttribute是一个函数，只有一个参数----你打算查询的属性的名字用法：object.getAttribute("attribute")getAttribute通常与getElementById、getElementsByNam 阅读全文
摘要：
源代码： tab tab1 tab2 tab3 tab4 aaaa bbbb cccc dddd 阅读全文
摘要：
倒影 语法：-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... 阅读全文
摘要：
语法： position：absolute|relative|static|fixed|inherit 其中absolute、relative为常用属性，常见形式为组合使用 Absolute：绝对定位 1、如果要定位的元素A的父标签没有设置定位时，那么A就相对于浏览器窗口绝对定位。 2、如果要定位的元素A，它的父标签已经设置了position，且这个值不是默认的static，那么A的绝对定位就相对... 阅读全文