1.li{display:inline}这个办法的好处是不会出现ul悬空，但是display:inline后就相当于span了，不能给宽和高，只能给行高。
2.li{float:left}这个办法需要在bbb的后面加<div style="clear:both"></div>否则ul就会悬空,就是传说中的浮动后clear
1.标签选择符，相应的标签都会套用此类样式，如：h1{...}
div{...}
a{...}
那么所有的h1，div，a都会套用以上定义的样式，
2.类选择符，用class引用标签会套用此类样式，如：
.aaa{...}
.bbb{...}
.ccc{...}
使用的时候：<div class="aaa"></div>
那么这个div就套用了aaa样式，
3.id选择符，该id名（理论上来说，id属性是唯一的）的标签会套用此类样式，如：
#aaa{...}
#bbb{...}
使用的时候：<div id="aaa"></div>
那么这个div就套用了aaa样式，和类选择符不一样的就是，id是唯一标识该标签的符号，class是标识“此类”的标签，
引用是这样的，没用原因很多了：
引用路径不正确
css文件编码和网页编码不统一，有些浏览器不认
你aaa.css里面写的东西不对，没对html生效
