摘要：
方法1：【绝对定位50%-本身50%】 position:absolute; left:50%; top:50%; transform: translate(-50%,-50%); .div1{ width:400px; height:400px; border:#CCC 1px solid; ba 阅读全文
摘要：
单冒号(:)用于CSS3伪类 双冒号(::)用于CSS3伪元素 对于CSS2之前已有的伪元素，比如:before，单冒号和双冒号的写法::before作用是一样的。 阅读全文
摘要：
举例说明： <ul> <p>111</p> <span>222</span> <li>1</li> <li>2</li> <li>3</li> </ul> li:nth-of-type(2):表示ul下的第二个li元素 li:nth-child(2)：表示既是li元素又是在ul下的第二个元素（找不到 阅读全文
摘要：
1.Transform:它和width、left一样，定义了元素很多静态样式实现变形、旋转、缩放、移位及透视等功能，通过一系列功能的组合我们可以实现很炫酷的静态效果（非动画)。 2.Animation:作用于元素本身而不是样式属性,属于关键帧动画的范畴，它本身被用来替代一些纯粹表现的javascri 阅读全文
摘要：
1.href (Hypertext Reference)指定网络资源的位置（超文本引用），从而在当前元素或者当前文档和由当前属性定义的需要的锚点或资源之间定义一个链接或者关系，在 link和a 等元素上使用。 src (Source)属性仅仅嵌入当前资源到当前文档元素定义的位置，是页面必不可少的一部 阅读全文
摘要：
(1) 图片间隙 在div中插入图片，图片会将div下方撑大3px。 hack1：将<div>与<img>写在同一行。 hack2：给<img>添加display：block； dt li 中的图片间隙。 hack：给<img>添加display：block； (2) 默认高度，IE6以下版本中，部 阅读全文
摘要：
在标准模式下的盒模型：盒子总宽度/高度=width/height+padding+border+margin 在怪异模式下的盒模型下，盒子的总宽度和高度是包含内边距padding和边框border宽度在内的，盒子总宽度/高度=width/height + margin = 内容区宽度/高度 + pa 阅读全文
摘要：
1.将多个元素设置为同一行：float，inline-block 清除浮动的方式： 方法一：添加新的元素 、应用 clear：both； 方法二：父级div定义 overflow: hidden； 方法三：利用:after和:before来在元素内部插入两个元素块，从面达到清除浮动的效果。 .cle 阅读全文