1.行内样式＞指定样式＞通用class样式>通用未指定CLASS样式
2.例子：
1）<div style="...">aaaaaa</a>这就是指定用style的行内样式；
2）<div id="side" >aaaaaa</div>这就是指定id使用side样式；
3）<div class="ot">aaaaaa</div>这就是指了通用的class为ot的样式；
4）如<body><table><tr><th>这些一开始样式文件就定义好全程的样式，为通用为指定的样式；
最高就是指行内样式，接着就是指定ID的，然后就是CLASS，最后就是未指定通用样式；
html元素有几个是块级元素如p,h1-h6等，这些元素自带display block属性，元素间相当于会有一个换行符不能同排排列，除非定义浮动。而img是内联块元素也就是display inline-bloack，可以并排显示的。 两个元素一个加了浮动一个没加浮动，只会是浮动的优先排列在左或者右，也就是没有浮动的元素会被有浮动的拆队。除非2个元素都是浮动的他们才会老老实实的按顺序排在一起。浮动不是覆盖只是位置的先后罢了，便于将不同类型的元素并排。css里没有覆盖之说。你写的例子最终效果就是b图排在a图左边而已。
