再学一下css最初级的一些选择器（比如*、.class、#、属性）等 ，后代选择器及其之后的先暂时不看，接收太多消化不了。
然后直接去学盒子模型，再去看个盒子模型的实战演示。这个时候你就大致知道div+css怎么用了
然后css有很多样式，比如边框啊背景啊文本样式啊链接样式，这些可以慢慢来，实际中要用到的时候再学，一股脑学了不见得能接收，就算听懂了，等到要用的时候你又呆住了，又要重新看一遍。
顺便宣传一下咱们公司新设立的前端培训项目，10年前端老司机一对一教学。
不要两万，不要9888，只要4800，想了解私信我噢
如果真要精通css,请千万不要使用dreamweaver,常用的属性都要自己记住，并且能够手写。看看那些招聘前端开发的公司，第一个要求就是能够手写css代码。建议：把常见的属性熟悉一篇，然后自己试着做一个简单的页面，最好是模仿一些简洁的网站，做出来和它写的代码比较一下，看看自己的不足。想象别人的代码为什么比自己的好。多模仿几个，常见的属性几本上能够记住，然后模仿其他网站可以看到别人使用的一些css技巧。这样会很有成就感的哦！
学习哪有那么多捷径？just
do
it
ok?
不会英语，不知道查啊？这个大部分都要你记，记忆是一切聪明才智的基础啊！
常见的真的不多50个以内！
div和CSS最好多学习方式就是多练习，在练习中掌握经验、技巧，很多很多的知识，需要自己实践后体会，书里是不会讲到的。然后你说的兼容问题，不止你老火，所有做网页的，刚开始，都被这个折磨过。（祈祷ie8以下的ie浏览器全部绝迹）熟练掌握运用下面说的方法，就OK了。
解决兼容问题靠经验积累，靠CSS hack！你去百度搜索下CSS hack，百度百科介绍的很详细。
CSS hack简单讲，就是针对不同浏览器写不同css，比如说ie6的hack，意思就是这段css写法，只有在ie6会执行，其他浏览不会执行，这样就能针对不同浏览器写不同的css，达到兼容。
附上一些CSS hack给你参考
#test{
color:red/* 所有浏览器都支持 */
color:red !important/* Firefox、IE7支持 */
_color:red/* IE6支持 */
*color:red/* IE6、IE7支持 */
*+color:red/* IE7支持 */
color:red\9/* IE6、IE7、IE8支持 */
color:red\0/* IE8支持 */
}
body:nth-of-type(1) p{color:red} /* Chrome、Safari支持 */
*+html .list1 li{line-height:18px} //IE7hack
/* Firefox 1 - 2 */
body:empty #firefox12
{display: block}
/* Firefox */
@-moz-document url-prefix()
{#firefox { display: block}}
/* Webkit-Safari-Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
color:red
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{head~body #opera { display: block}}
