Question

DIV+CSS网页布局？

我是学网站美工的，可现在学了好少还没讲到网页这一块。
今天我们班的一个同学说去学校教我们 DIV+CSS网页布局 通过这次学习大家可以做一些简单的静态网页，可我刚好有事就没去。
但是我又非常想知道怎么做，听他的意思好象比较简单，我想问下网上哪有学的，或是哪个大哥给我讲下。
小弟谢谢了！！！！！！！！！！！！！！！！！！！
想买本书，可不知道哪中好点。
我现在基本什么也不会呢，来势讲的太慢，我想找本从最基本学起的书，有什么？
谢谢

Answer 1

我最近也在看《CSS商业网站布局之道》这本书，感觉上有些章节的废话很多，不过有些章节确实写得不错。可能我没认真看前面的几章吧，我都是乱跳过去的。之前看过《CSS网站布局实录》这本书，觉得这本更适合初学者，不过这本书讲的都是基础的东西。一碰到真正的网页布局的时候就用不上了。

CSS+XHTML布局说简单也简单，说复杂也复杂。可能跟我自己目前的学习水平有关，高度自适应和浏览器兼容搞得我脑袋都大了。当你的要求越来越多的时候，有的时候发现表格布局实现起来更简单。当然了，标准之路是值得去摸索的，我想，如果说用CSS+XHTML布局很简单的话，那肯定是骗人的。我看还是慢慢学习，积累编写的经验和技巧咯。

最近一段时间在研究前辈写的一份高度自适应全屏布局的代码，样式表里面的每一句话我都知道是什么意思，可是就是看不出他的那种布局思路，烦着呢！如果有人现场指导就好咯，我常这样想。师兄跟我说，浏览器兼容是业界的难题，我看了前辈写的那份样式表，里面有大量的hack，看了真晕。

兄弟，加油！标准之路并非那么容易。对你说加油的时候也顺便叫自己加油！呵呵！~_~

Answer 2

没那么说的简单。
麻烦着呢。就象我写的这些。
.zx_toprightnews_title a:hover{ color:red;text-align:left;text-decoration:none; padding-left:0.5em;}
.zx_toprightnews ul.zx_toprightnews_content{ list-style-type:square; }
.zx_toprightnews ul{margin:0; padding:5px;padding-left:20px; color:#0449BE;}
.zx_toprightnews ul.zx_toprightnews_content li a{line-height:22px; color:#0449BE; font-size:12px; }
.zx_toprightnews ul.zx_toprightnews_content li a:hover{ color:red; text-decoration: underline;}
.zx_toprightnews_line { height:5px; font-size:0px; border-top:1px dashed #999999; margin:0 auto 0px; width:95%;}
/* 以下是咨询中心顶部第二排行部分css */
/* 以下是咨询中心顶部第二排行左边部分css */
#zx_toplefttable2{ margin:0 auto; width:357px; border:1px solid #286DBB;background:#F7F7F7;}
#zx_toplefttable2 .lefttable2_title{ background:#7C7C7C;height:26px; letter-spacing:0.2em; width:149px; text-align:left; border-bottom:1px solid #ccc; color:#fff;font-size:15px; padding-top:5px;padding-left:1em; }
#zx_toplefttable2 .toplefttable2_more {text-align:center;color:#fff; border-bottom:1px solid #ccc;padding-top:5px;}
#zx_toplefttable2 .toplefttable2_more a {color:#fff; text-decoration:none;}
#zx_toplefttable2 .toplefttable2_more a:hover {color:blue; text-decoration:none;}
#zx_toplefttable2 ul.zx_content{ list-style-type:square; font-size:12px; }
#zx_toplefttable2 ul{margin:0; padding:5px;padding:8px 8px;padding-left:22px;color:#023499;line-height:24px;}
#zx_toplefttable2 ul.zx_content li a{ color:#023499; }
#zx_toplefttable2 ul.zx_content li a:hover{ color:red; text-decoration: underline;}

Answer 3

想学DIV＋css的话只要对表格的代码了解了就是一样的
在静态页里就是DIV和ID，要不就是DIV和CLASS
样式表里面就全是CSS样式
CSS样式主要就是控制DIV的
你只要了解几个常用的属性就可以了
比如：float,padding,width,height
我认为这几个是最常用的。这个真的很简单的。

Answer 4

服了 楼上两个了 误人子弟

兄弟 我推荐你去买本书看看
css其实很简单
只要你用功
网站美工 推荐你 对 html javascript css 都要有了解
上海这边想做美工的话 这是基本的
并且你要对photoshop有足够的掌握

推荐你可以去买一本 《CSS商业网站布局之道》作者是朱宏印
很不错的

Answer 5

自己要学习的话，太慢了，最好还是要上一个好一点的培训学校学习一下，那样对你是最有利的了！！