1.类型选择符,直接使用元素名称定义
   html{/*<定义网页结构总体样式>*/}
   body{/*<定义页面属性>*/}
    div{/*<定义div元素的属性>*/}
   span{/*<定义span元素的属性>*/}

2. id选择符
       #top {/*<定义id为top元素的文本颜色为red>*/ color:red;}
       #top div{/*<定义id为top的所有子div元素样式,但不包含id为top的样式>*/}
       #top .child1{/*<子级样式一>*/}
       #top .child2{/*<子级样式二>*/}
      <div id="top">我是div</div>

原始出处

Float（浮动）概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解，而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而，这些问题的根源并不在于理论本身，而是开发人员以及浏览器对理论的解读造成的。

如果你认真的去读一下浮动概念，你会发现并不像所见的那样复杂。大多数问题都是由于老版本的IE带来的（我只是猜想）。如果你知道这些BUG，你就能避免这些问题。

让我们尝试去解决这些问题并澄清一些以前使用浮动的误解。我们参考了成打的相关文章，并选取了最为重要的一些你必须了解的问题。

1. 集合类对象问题
现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox 不能。
解决方法：改用 [] 作为下标运算。如：document.forms("formName") 改为

2. DIV对象
在 IE 中，DIV对象可以使用ID作为对象变量名直接使用。在 Firefox 中不能。
DivId.style.display = "none";
解决方法：document.getElementById("DivId").style.display = "none";
ps:得对象的方法不管是不是DIV对象，都应该使用getElementById方法。