然后你说的兼容问题，不止你老火，所有做网页的，刚开始，都被这个折磨过。（祈祷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}}
http://learning.artech.cn/前沿视频教室，这里不仅提供网页制作视频教程，还有动画制作、图像制作视频教程。其中css视频教程被转载的最多，可能是因为他是站长亲自录制的吧!~
http://www.csseye.cn
css之眼，一个介绍css入门知识，css教程的网站。内容很精，讲的东西很简单，并且基本都了例子。还有一个特别牛的是：站长可能英文比较好，翻译了许多高质量的英文教程，并提供了英文版地址。
http://www.webdesignerwall.com
这个网站可能大家都比较熟悉了吧!不过是英文的哦，痛苦啊，真后悔当初没有好好学英文。不过里面的内容真的不错，讲的很详细，大家可以忍受着去看。(网页做的也很好哦!~)
http://www.52css.com
国内的css学习网站，文章很丰富，并且有许多css模板可以下载，大家可以下载下来好好分析下。~
http://www.html.net/tutorials/css/
又是一个老外的网站，css是按课时讲的，文章不多，又英文，但这的挺不错，可以锻炼英文水平。
这些是学习css不错的网站，你可以参考一下，我最近也在学学，http://www.xiaoneimoban.cn 我的博客，有空交流一下。
其实css和div不是感觉距离的，图片有规定的设置距离给你参考，然后你设置距离就好了。css来说就要看你怎样设置到网页的工整和美观了。想精通的话其实不算太难，只要你多点思考和记忆，灵活运用。这就可以了！
