网上很流行的一行代码，据说是谷歌工程师写的，它的作用是给页面所有元素增加一个随机颜色的外边框。js这个代码虽然只有一行，但是包含的知识点不少，网上有很多解析。我也说下自己的理解，然后最后推荐在实务中使用TreeWalker对象进行遍历。我的理解其中主要包含如下4个知识点：1.div元素实际的宽高还是100100，如果把outline改成border，

CSS对浏览器的兼容性有时让人很头疼，或许当你了解当中的技巧跟原理，就会觉得也不是难事，从网上收集了IE7,6与Fireofx的兼容性处理技巧并整理了一下。对于web2.0的过度，请尽量用xhtml格式写代码，而且DOCTYPE影响CSS处理，作为W3C的标准，一定要加DOCTYPE声明。CSS技巧1.div的垂直居中问题verti

页面源码:<!DOCTYPEhtml<html<head<metacharset"utf8"<title</title<linkhref"css/demo.css"rel"stylesheet"type"tex

1.什么是浮动，浮动的作用“浮动”从字面上来理解就是“悬浮移动、非固定”的意思。块级元素（div、table、span…）是以垂直方向排列，而在前端界面中往往要使用水平布局块级元素使界面更美观。这就要用到浮动了。被设置浮动的元素会脱离标准流（竖直排列），从而达到水平排列的效果。例如.未设置浮动时图1中的两张图片竖直排列在父级元素（橙色区域）

DIV层内的元素在使用了float属性后无法自动改变高度的解决办法：有的时候为了让外侧层根据内容自动调整，没有设置高度或宽度，一般都会正常显示。但如果层内元素使用了float属性，就会使那些元素脱离文件流，就无法再扩充容器层，就会导致外层大小无法根据内容自动调整。关于这个问题，总结出以几种在当下几种主流浏览器都兼容的方法，供大家参考。1.清除浮动在层

1、使用空标签清除浮动。我用了很久的一种方法，空标签可以是div标签，也可以是P标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清除浮动，并为其定义CSS代码：clear:both。此方法的弊端在于增加了无意义的结构元素。2、使用overflow属性。此方法有效地解决了通过空标签元素清除浮动而不得不增加无意代码的弊端。使用