DIV+CSS网页布局初级入门系列教程

共有 119 位网友发表了评论　我要评论..

cyl2009(110.231.*.*) 发表于：2010-09-02 09:59:17

我刚刚加入了群，在这里也注册成功了感谢能学到更多的css知识。布局很让我困惑的就是是自适应的好呢，还是固定的好呢，在群里的朋友告诉我，整体的框架要固定，里面的盒可以适应是这样吗

管理员回复：这个方法还是比较合理的

工作(182.124.*.*) 发表于：2010-08-19 20:16:41

hehe,站长你的每个页面为什么都用.SHTML 有什么好处吗

管理员回复：可以包含页面，更新方便些

Happy(202.134.*.*) 发表于：2010-07-28 11:56:21

教程真的十分好，很适合我这菜鸟入门，多谢提供，继续努力！

管理员回复：欢迎常来

学习者(220.168.*.*) 发表于：2010-07-27 20:29:51

网站不错,教程看着蛮实用的,谢谢

管理员回复：不客气，欢迎常来

CSS2010(222.88.*.*) 发表于：2010-07-14 10:20:32

很不错，很感谢；（很好很强大）

管理员回复：欢迎常来

kittynara(125.108.*.*) 发表于：2010-07-12 16:07:22

为什么LINK我设置了 显示的时候还是没有变化。。。别的都可以。。就是LINK不可以？在编辑的时候是可以看到的。。。但是浏览的时候无法显示改变的那个颜色或是字体什么的。。。什么原因？

管理员回复：link是默认状态

Sysngel(61.133.*.*) 发表于：2010-07-07 11:21:13

站长、横向导航里为什么没有详细教程、DIV标签怎么插的啊。。。

管理员回复：你看本站新手常见问题专题内的视频教程

qixuejia(123.6.*.*) 发表于：2010-06-14 09:37:42

我把cookie禁用了 一直提示验证码错误

管理员回复：杯具了

qixuejia(123.10.*.*) 发表于：2010-06-13 11:31:22

验证码存在cookie里面了

管理员回复：好像不是cookie

qixuejia(123.10.*.*) 发表于：2010-06-13 11:29:50

很好很强大

管理员回复：我顶

zhangjie(219.150.*.*) 发表于：2010-05-27 15:53:41

真佩服！

a626230257(175.17.*.*) 发表于：2010-05-25 08:27:10

网站很不错 支持！！！！

yjhappy(114.246.*.*) 发表于：2010-05-22 11:32:51

http://www.68css.com/layout/里面的评论居然不能评论，只好在这儿请教请教你了，呵呵 31讲： body { font-family:Verdana; font-size:14px; margin:0;} #container {margin:0 auto; width:100%;} #sidebar { float:left; width:200px; height:500px; background:#9c6;} #content { margin-left:205px !important; margin-left:202px; height:500px; background:#ffa;} 你这里面sidebar和content的间距是5px，如果我要把这间距5px去掉怎么办？ 205改成200 202改成197没用哦 （margin-right：-3px;这个方法我知道，我只是想问问上面这种方法能否去掉间距）

管理员回复：试下不就知道结果了

zhqy(121.236.*.*) 发表于：2010-05-12 02:20:13

网站很不错以后会常来不懂的请多指教。

管理员回复：欢迎常来

qiuceng(61.190.*.*) 发表于：2010-04-29 17:10:09

我想问一下,在网页中如何定义块

管理员回复：能不能把问题具体一点

majuter(121.237.*.*) 发表于：2010-04-19 14:14:03

对了 ，如果我不怎么常来，我怎么知道你回复我的消息了呢，而且有时候很多人很容易忘记自己发的评论在哪的，我建议admin考虑一下这方面的问题 我QQ 490134530

管理员回复：目前只能来网站登录个人中心查看，自己的有的评论中会员中心的我的评论里

majuter(121.237.*.*) 发表于：2010-04-19 14:12:55

你好，我想问你一个问题。就是伪静态比如这个：http://www.aa25.cn/div_css/535.shtml 你后面的/div_css 是自己写的还是？ 还有哦，那个shtml是怎么生成的，我用wp自带的固定链接那个只能生成html。

管理员回复：自己写的，生成静态的

22(59.175.*.*) 发表于：2010-04-17 22:40:28

呵呵，全部都是伪静态呀，站长做的很不错么！

管理员回复：谢谢肯定

zhoumo310(222.209.*.*) 发表于：2010-04-17 18:31:20

站长是牛人，开发的网站程序貌似不错

管理员回复：牛人不敢当

it560(58.248.*.*) 发表于：2010-03-30 04:10:39

整站 你自己开发的么？ 还是用其他cms？ qq 45169918

管理员回复：自己开发

wanglupeng(60.210.*.*) 发表于：2010-03-25 16:27:20

管理员同志，可不可以把那个登录界面的背景色改一下啊，黑色背景都看不清楚，登录时都看不见验证码。

管理员回复：验证码还算可以，只是个别时候生成的验证码和底色相近时看不清楚，点击验证码刷新一下就行了。而且登录一次后会记录一个月，不需要每次都登录的。

mary(221.198.*.*) 发表于：2010-03-25 15:39:59

感觉这里的东西对我来说很容易接受 而且也提高了我的兴趣

管理员回复：欢迎常来

sula520(122.225.*.*) 发表于：2010-03-11 16:53:56

哇！第一次找到这里，这里面的东西真的很有用！嘻嘻！很开心

管理员回复：欢迎常来

梅花学士(123.5.*.*) 发表于：2010-03-09 18:02:48

太感谢了，这是我收藏的第一个网站。希望这个网站能越做越强。提供更好的服务

管理员回复：会的

707750971(115.59.*.*) 发表于：2010-03-06 17:33:19

好东西，，，，，

lianke(112.240.*.*) 发表于：2010-02-17 21:37:21

我想问一下站长,这么多的页面,你是有模板呢还是工具生成的

管理员回复：不太明白你要了解的是什么

难(222.79.*.*) 发表于：2010-02-11 17:29:20

怎么这么卡啊网页开半天都还没好，CSS网页布局入门教程站长看看吧，打开真的好难

管理员回复：已解决

jianchi(125.46.*.*) 发表于：2010-02-08 10:19:31

float属性搞不明白，望管理员能够恢复，谢啦 两个div，设置float：left的属性，两个div都设置，或是其中一个设置另一个不设置，出来的效果不同。float是如何用的

管理员回复：float是浮动的意思，使元素脱离原来的文档流，这个你看下css中文手册上，讲的很明白

jianchi(125.46.*.*) 发表于：2010-02-05 16:26:59

内容却是不错，多上传制作实例网页视频。

管理员回复：下一步可能会

学习的人(221.6.*.*) 发表于：2010-02-04 08:00:08

这个网站真不错！ 学了很多东西！ 管理员留给QQ吧

管理员回复：有问题请在群里讨论或网站留言

风之舞(121.33.*.*) 发表于：2010-01-31 18:08:07

确实很好啦，不过float属性很重要。对这属性现在本人了解的不是很到位。。汗。管理员有空具体说下这个属性哈。谢谢了

管理员回复：css手册里应该很详细了

哈，学习的人(121.34.*.*) 发表于：2010-01-14 05:34:52

你cn域名别被封就好啊，要不都不知道哪里找你了

管理员回复：呵呵，应该不会

123(119.128.*.*) 发表于：2010-01-13 17:27:46

在这里学到很多！！

管理员回复：欢迎常来

jastcool(113.67.*.*) 发表于：2010-01-11 16:35:48

我正要打算自己建立一个网站.我学平面设计的,设计出来不知道怎么放到网页上去.刚来到这里,觉得这网站很不错,.今天就开始我的CSS+DIV之旅拉

管理员回复：欢迎欢迎

坏人(219.129.*.*) 发表于：2010-01-10 13:25:39

我是坏蛋,我都说好,还有什么不好啊!好野,admin,佩服!!!

haha(121.34.*.*) 发表于：2010-01-10 11:04:28

很好的教程，管理员辛苦了！非常感谢！

管理员回复：不客气

Guest(219.237.*.*) 发表于：2010-01-07 15:04:06

很好 对我很有帮助 我现在正想学Div+Css 希望你维护下去！ 谢谢管理员！！！

管理员回复：有大家的支持，我一定会坚持做下去的

menuweb(218.87.*.*) 发表于：2010-01-02 00:06:49

admin 很强啊 学习中... QQ 727060891

星星(113.118.*.*) 发表于：2009-12-30 22:15:52

支持，强大的管理员

管理员回复：^_^

佐手倒影(122.194.*.*) 发表于：2009-12-30 16:20:41

这个不错，值得宣传一下，讲解的挺细致的！希望继续努力，再接再厉！支持你们！come on！

管理员回复：谢谢

小根哒(222.223.*.*) 发表于：2009-12-29 05:18:58

喜欢管理员！～嘎嘎。。

管理员回复：^_^

zcws(58.23.*.*) 发表于：2009-12-26 15:36:32

是个人维护的网站么·~~？管理员很强大哈~

管理员回复：是个人维护的

紫色冰焰(220.168.*.*) 发表于：2009-12-24 19:20:08

好东东啊，谢谢！！！！！！！！！！！！！

管理员回复：不客气

edendong(218.22.*.*) 发表于：2009-12-24 16:38:56

是个好网站。我都来几次了，html的标签有好多个，请问这里有把它们罗列出来没有啊，我想看看，当然每一个标签的作用是什么能知道最好了，谢谢。

管理员回复：想知道每个标签是干什么的最好查html手册

sj o(222.177.*.*) 发表于：2009-12-23 12:10:33

顶了，很不错的管理员

管理员回复：^_^

cherish(117.11.*.*) 发表于：2009-12-17 10:41:27

很好很不错呢 谢谢啦

管理员回复：不客气，欢迎常来

unclepi(125.120.*.*) 发表于：2009-12-14 21:41:06

不顶对不起这么认真的管理员啊

管理员回复：我也顶

lll(60.217.*.*) 发表于：2009-12-09 01:33:13

太好了 这个网站 谢谢管理员 谢谢tv

管理员回复：不客气

乜咚咚(218.107.*.*) 发表于：2009-12-07 10:24:43

我是初学者，找到好地方了

管理员回复：欢迎常来

Guest(125.70.*.*) 发表于：2009-12-06 11:02:21

感谢!很好的学习资料!

管理员回复：顶

fcknwj(61.144.*.*) 发表于：2009-12-02 11:56:12

很适合初学者，非常棒我已经推荐给其他想学的人了。 谢谢分享！

管理员回复：那我可要谢谢你了

feistel(58.240.*.*) 发表于：2009-11-16 18:04:43

用一个空层固定宽高以用作展示背景图片时，在IE6下，总是不能得到想要的高度该怎么解决

管理员回复：把div固定成你想要的高度就实现了呀

Guest(123.65.*.*) 发表于：2009-11-06 22:44:56

非常非常好的教程，讲的又细又精，辛苦老师了

管理员回复：^_^

两位(113.241.*.*) 发表于：2009-10-19 11:09:57

在div 里为什么要填充点内容才能正确的在dw里显示出来啊 ？在预览的时候还是可以显示，但在dw设计里就显示不出来，非要打点字上去才能显示！请问这是为什么

管理员回复：这个得问dw的开发者了

peterqq(58.251.*.*) 发表于：2009-10-12 11:52:50

这个网站太棒了。。给我们这些初学者提供了很好的一个平台。。学习起来不用走很多弯路.谢谢管理员.好人一生平安!

管理员回复：不客气，欢迎常来

人不三俗枉少年(221.212.*.*) 发表于：2009-10-12 10:42:17

群满的好快啊，进不去了

管理员回复：添加新群了

Guest(58.252.*.*) 发表于：2009-10-11 09:54:41

第一次来,希望学习前台设计 现在是做后台java的!

管理员回复：欢迎学习

Dreamweave(221.5.*.*) 发表于：2009-10-10 09:49:32

怎么群不可以加啊！

管理员回复：满了，新添加一个群，可以加了

shui (60.2.*.*) 发表于：2009-09-21 11:46:55

changshi

yellowswor(60.10.*.*) 发表于：2009-09-18 18:03:22

发现个问题哦站长，上边的教程列表点进一个去，拉到最后，你看看那个上一篇和下一篇的链接是不是放反了？？？？？？？？？？？是后台代码控制那儿有问题还是怎么回事儿,如果你找不到请联系我QQ343454707

管理员回复：好像是反了，一会儿改过来

Guest(122.237.*.*) 发表于：2009-09-18 11:08:29

如何使用css设置3个固定栏目。

管理员回复：有点晕，能不能描述清楚点

Guest(118.212.*.*) 发表于：2009-09-16 11:27:15

我想学习呢，但群全满了，哎伤心啊

管理员回复：有问题在这里提出来吧。

D.PenG(114.217.*.*) 发表于：2009-08-29 18:09:43

多谢，很好的网站

管理员回复：不客气

Feistel(58.240.*.*) 发表于：2009-08-19 13:40:19

上面问题己使用JS解决！佩服管理员工作态度，支持一下！挺不错的小窝!但没找到注册以及文章发布的地方！希望添加或移至注目的地方！

管理员回复：现在没有会员系统及会员发布文章功能，以后改版会增加

Feistel(58.240.*.*) 发表于：2009-08-17 17:13:42

如何实现层高度与并列层高度自动适应??

管理员回复：这个问题比较复杂了，实现方式也是多种多样，你可以搜索一下

你好 (60.209.*.*) 发表于：2009-08-14 09:45:51

我想问一下 margin-center 和padding-center 这两个有什么区别？？？

管理员回复：没见过这种写法呀

小王(218.19.*.*) 发表于：2009-08-07 12:02:52

老板 群又满了..赶快建一个啦.或把群里的死人都T了

管理员回复：现在群3还是可以加的

eagle(211.139.*.*) 发表于：2009-07-23 13:32:00

版主，你说的那个群号是什么呢？我是一个初学者，想进去听听大家的教诲~~谢谢啦~！！

管理员回复：在网站底部有

小蓝(117.88.*.*) 发表于：2009-07-21 13:58:14

版主太感谢你提供这么多有用的资源给我们，如果有不明白的问题可以向你请教吗？

管理员回复：有问题可以直接在这儿留言，或加到群里，那里边有好多高手呢

即将踏入，目标三个月(123.160.*.*) 发表于：2009-07-18 21:44:41

刚发现贵站，不错！相信站长一定会更加辉煌自己的事业！来自河南郑州的初学者，QQ：892443325前期把ps高清楚了，现在要学习DIV+CSS，以后会经常麻烦贵站长了！呵呵

管理员回复：欢迎学习

Guest(123.132.*.*) 发表于：2009-07-16 22:33:35

网站不错，期待改版注重点美化，艺雅的样式挺漂亮，参考下也不错

管理员回复：好的，有什么好的意见，欢迎大家留言

dyd(119.130.*.*) 发表于：2009-07-12 20:49:02

站长,好久没更新啦...视频和这个图片相结合的不错啊..不过什么改版呢/?

管理员回复：是呀，太忙了，一直没时间更新，改版正在筹划中

Guest(222.66.*.*) 发表于：2009-07-08 16:30:28

网站什么时候改版呀？

管理员回复：筹划中，不过还想听听大家的意思。

小高(117.63.*.*) 发表于：2009-07-06 15:10:19

我想问下： margin-left: border-left: 有什么区别啊？都是离边缘的意思，我初学~！谢谢啦~！

管理员回复：一个是外边距，一个是边框，两个是不同的。

ck(172.16.*.*) 发表于：2009-07-03 10:40:05

谢谢你的教程真的很好，楼上说的'有没有个整个网站制作过程的实例'有详细视频更好了，O(∩_∩)O~ ，不过可能麻烦你了。所以大家要关心这个网址，多重启路由器后，再多点广告啊，这就是给管理员最好，又是唯一的回报，再次感谢管理员。

管理员回复：不客气，小站有这么多人关心，我很感动。我会尽力把小站做的更好。由于这段时间太忙了，一直没有出教程，下一步会尽快出一些教程。

ydian061(119.130.*.*) 发表于：2009-06-28 22:08:53

站长,有没有些制作留言簿的呢?比较详细的制作步骤,,谢谢,,

管理员回复：留言簿一般是讲解程序语言时用的吧

anteng610(119.130.*.*) 发表于：2009-06-26 23:24:49

谢谢站长,,不错的教材..不过站长有没有个整个网站制作过程的实例呢?小弟刚出道不久,有很多不会,如果有,能否发给我呢?谢谢哦!!!734882466@qq.com

管理员回复：这个会出的，不过在改版之后了。

初学者(222.88.*.*) 发表于：2009-06-25 15:50:15

强烈的支持.......

阿达(121.15.*.*) 发表于：2009-06-23 15:45:59

对了，站长我上次问你的 《CSS网站布局实录》适合初学者吗？

管理员回复：初学者可以学习

阿达(116.24.*.*) 发表于：2009-06-21 15:45:16

这里学完了，该学哪里编了？还是需要本书比较方便。毕境上班时才有网上。不过还会坚持每天来“标准之路”及点击广告

管理员回复：本站转的视频教程也不错的。可以下载下来观看

小孟(123.13.*.*) 发表于：2009-06-16 20:46:08

怎样把导航条挪到中间？默认是靠左啊！谢谢，急盼你的指教！

管理员回复：设置div的宽度，然后加上margin:0 auto;就可以居中了

SQ(60.163.*.*) 发表于：2009-06-14 16:07:43

学习之余点下广告- -!! ~表示支持~~OK的~

管理员回复：那就谢谢啦

fpfbb(119.177.*.*) 发表于：2009-06-10 21:44:05

这么好的网站真是很少呀！！谢谢站长了！

管理员回复：不客气

dones(119.120.*.*) 发表于：2009-06-09 09:50:33

呵呵 本人也是设计出身 代码不懂 所以选择了本站教程.希望站长多多出DW的DIV教程!

管理员回复：最近实在太忙了，网站也没时间更新了。还准备网站改版和再出一套初级教程呢

rey(125.34.*.*) 发表于：2009-06-05 10:46:26

站长：做页面制作，除了学html,和div+css布局，下一步该做点什么啊？我是初学者，感觉好没有目标啊,总是不知道下一步该怎样？(⊙o⊙)哦太笨了，希望站长指点！

管理员回复：实践，找一个网站仿下来

文文(123.112.*.*) 发表于：2009-06-03 16:54:19

太好了，一直用table布局呢，早想学这个了，不过找了几个教程，都是直接讲代码，我本人比较习惯用设计窗口制作页面，看了你写的教程，真的学得好顺手，受益非浅！希望站长继续传授。。

管理员回复：ok

冰棍(60.7.*.*) 发表于：2009-06-02 23:53:21

才找到组织啊。“相见恨晚”的感觉油然而生。

管理员回复：那以后就跟着组织走吧

小辰(211.143.*.*) 发表于：2009-05-31 15:17:58

以前一直用table布局看了这个。感触良多。。请问有没有一个适合交流的群呢？能够加我qq吗？250979156

管理员回复：群号在页面右侧和底部公布的有

rey(123.112.*.*) 发表于：2009-05-31 13:54:42

我的救星！谢谢站长！

管理员回复：不客气

andyliu(122.51.*.*) 发表于：2009-05-22 11:09:17

很喜欢这个网站，讲的东西很实用，谢谢！

管理员回复：不客气

web_cainia(218.77.*.*) 发表于：2009-05-11 13:29:53

非常感谢！现在我才学，有许多不明白，希望站长能够继续！谢谢！

管理员回复：会的

小鸡想飞(121.32.*.*) 发表于：2009-05-11 10:11:32

好站，曾经接触过DW，可是也是点皮毛，现在想更深入学网站的制作设计，希望多多关照！现在的我对DIV和CSS一点都不了解，该从何学起

管理员回复：从本站的初级入门教程学起就可以了。

目标(116.18.*.*) 发表于：2009-05-07 15:46:23

谢谢你给我这个菜鸟指明了方向！THS！！

jojo(124.93.*.*) 发表于：2009-05-06 09:25:05

很不错的教程，非常支持！站长厉害！

管理员回复：欢迎常来

yevin(121.46.*.*) 发表于：2009-05-05 21:39:31

IT精英哈哈哈

管理员回复：过奖了

xue sheng(60.4.*.*) 发表于：2009-04-28 14:16:17

很好的教程 谢谢 有没有综合一点的呢

管理员回复：下一步会出

DragonYu(222.210.*.*) 发表于：2009-04-27 12:57:17

好站，常来学习~~

管理员回复：欢迎欢迎

mcgs(123.112.*.*) 发表于：2009-04-22 16:29:19

好站，学习。

管理员回复：欢迎～～

Guest(211.161.*.*) 发表于：2009-04-03 15:15:46

站长讲的好 准备什么时候出从切页面到成品网页的整个过程的教程阿？？等待ing。。。。

管理员回复：最近忙呀，没时间

x-men(221.1.*.*) 发表于：2009-02-22 10:37:58

讲的很精辟，对于DIV布局的错位问题还请站长多讲讲。

管理员回复：好的，下一步做一个从切页面到成品网页的整个过程的教程

sky(123.13.*.*) 发表于：2009-01-30 16:10:26

貌似padding 换成100也没效果，换成100px有反应。

管理员回复：padding只有当值为0时可以不加单位，其它情况都需加单位的

你好(220.162.*.*) 发表于：2009-01-20 13:10:46

希望管理员加一些js代码的学习 网站内容不错

管理员回复：好的，以后会整理一些js的资料

夫子(222.82.*.*) 发表于：2009-01-04 11:35:51

管理员好牛啊~！大碗~！

管理员回复：谢谢夸奖～～

ppp(218.58.*.*) 发表于：2008-12-22 12:44:42

不错，在此潜水。。。

阳光世纪(119.130.*.*) 发表于：2008-12-18 18:09:44

我还学习网页布局，请多多指教啦！！

管理员回复：ok，常来呀～～

Guest(124.193.*.*) 发表于：2008-12-16 17:13:48

你好牛啊，不错

管理员回复：谢谢啊

selina(124.92.*.*) 发表于：2008-12-13 14:55:26

真的是一个很好的网站啊，呵呵我以后一定常来。。。站长会欢迎的哦？。。

管理员回复：当然欢迎了

4king(125.125.*.*) 发表于：2008-12-13 12:14:45

问下 贵站是用的什么程序呀？

管理员回复：5u

ermao_ba(59.61.*.*) 发表于：2008-11-23 22:20:39

太好了,我说的是教程和这个网站本身.请问,教程可有打包,方便下载?

管理员回复：教程目前没有打包，你可以另存为到本地，下一步可做个chm格式的电子书供下载

zhbog(222.132.*.*) 发表于：2008-11-17 18:11:14

教程不类似的教程能否下载啊

管理员回复：？？能否再表述明白些

rocway(59.40.*.*) 发表于：2008-11-16 19:13:57

这几天都在这里学习。感觉不错，也尝试着做了一些页面。

管理员回复：欢迎以后常来！广告已被删除

shampool(123.117.*.*) 发表于：2008-11-07 14:44:41

can you help me !you can with an exmple to explain the'tree_menu.rar',how to use ?

shampool(123.117.*.*) 发表于：2008-11-06 12:56:59

very good ,but i have some problem need adminitrator solve

管理员回复：有哪些问题？

leef(218.63.*.*) 发表于：2008-11-05 10:52:36

很实用，学习方便，操作性强

管理员回复：谢谢啦！以后要常来哟！

win(222.210.*.*) 发表于：2008-10-07 09:53:22

能不能就兼容的问题增加些专题之类的。感觉这方面的资料挺少的。谢谢

管理员回复：目前还有专题，只有少数的文章，兼容性确实是一个让人头疼的问题。

猪哥哥的朱(123.97.*.*) 发表于：2008-09-18 08:31:23

我的标准化之路从这里开始...

管理员回复：欢迎常来！！

david(211.158.*.*) 发表于：2008-06-22 15:17:31

配图讲解的很好，很适合像我这样入门的人

管理员回复：呵呵，好，以后多出些这样的教程

FS(121.35.*.*) 发表于：2008-06-22 15:14:37

简单实用,好东西

我心飞翔(211.92.*.*) 发表于：2008-06-19 17:02:06

不错的教程，对我很有用，正好现在在学习，受益了！！看来以后要常来哟

管理员回复：欢迎常来！