我把论坛首页分为header区，信息区，内容区，页脚区。首先用一大div把这些包含进来，主要是考虑到页面整体调节方便，比如要调成宽屏的或者是窄屏的，只要设置一下这个大div就可以了。先把代码贴出来，供朋友们调试使用。css:[code]/*CSSDocument*/body{background-color:#F5F5F5;margin:0;padding:0;font-family:"LucidaGrande",Verdana,Lucida,Arial,Helvetica,,sans-serif;font-size:12px;}.pagehoder{width:100%;margin:aut...
http://www.jb51.net//article/16350.htm
先说说在尝试的过程发现的几个问题1、盒模型问题相信玩重构或者说是DIV+CSS的朋友应该都知道这个东西，废话不多说，不知道而有兴趣可以去网上搜索一下。这里我提到这个是因为这个布局是用百分比来控制的，所以当加对边框加上1px的边后，就不好减回来，我是舍弃了上边的边框样式。2、溢出问题这个问题只要对overflow做hidden就可以了，防止内容过长而溢出。刚刚开始的时候可以对html跟body的overflow加一个hidden属性。Blank告诉我，IE默认是有滚动条的宽度（这个偶知道），而FF是没有的（这个偶就不知道了）。基本上也就这样，代码如下：[html]<!DOCTYPEhtml...
http://www.jb51.net//article/16120.htm
不知道从什么时候开始，在网络上到处可以看到div+css，到底什么是div+css呢？难道就是传说中的标准重构吗？标准从最简单的根源来说不是合理使用xhtml的标签吗？可为什么还是有这么多div+css呢？既然可以div+css，那为什么不可以叫span+cssul+cssli+css等等呢？疑问，满脑子的疑问!为了这个疑问，我把自己脑子里的东西从最底层翻了一遍。在几年前大家都是用table来布局，一层套一层，没发现什么不妥，一直用到《网站重构》这本书出来后的不久开始看到很多人讨论重构。当时的我对所谓的重构一点都不清楚，当然啦，现在还不是很清楚，至于《网站重构》这本书我也没看过几页，不敢说自己...
http://www.jb51.net//article/16117.htm
通用类overflow:hidden;自动隐藏超出的内容，防止撑开层和表格的范围!important指定样式规则的应用优先权文字类color:#FF0000;文字颜色font-family:"Arial","Helvetica","sans-serif";字体font-size:9px;字号text-align：center;居中(left为居左,right为居右)line-height：28px；行高(可用150%值)font-style:italic;斜体(oblique偏斜体)font-weight:bold;服务粗体(bolder特粗，400粗值)font-variant:small-...
http://www.jb51.net//article/16019.htm
如今大部分网站仍然采用表格嵌套内容的方式来制作网站，虽然此方法对于我们来说比较熟悉、比较上手；但是，它却阻碍了一种更好的、更有亲和力的、更灵活的，而且功能更强大的网站设计方法——DIV+CSS。CSS网页布局的意义体现在如下方面：一、使页面载入得更快由于将大部分页面代码写在了CSS当中，使得页面体积容量变得更小。相对于表格嵌套的方式，DIV+CSS将页面独立成更多的区域，在打开页面的时候，逐层加载。而不像表格嵌套那样将整个页面圈在一个大表格里，使得加载速度很慢。二、降低流量费用页面体积变小，浏览速度变快，这就使得对于某些控制主机流量的网站来说是最大的优势了。三、修改设计时更有效率由于使用了DI...
http://www.jb51.net//article/15774.htm
古老的话题：一首古诗的分离 1.给你一首古诗，保存为毫无格式的一堆文字，你去理解它的内容，进行结构的处理。用word排版之后，他有了结构 2.这个结构其实包含了语义和表现 3.用html进行结构化，抛开一切的表现形式，只考虑语义 4.用CSS进行表现处理，包括html的默认表现，他拥有了视觉表现，这个表现体现出了结构化，也体现出了用户体验，用户体验中包含了交互的排版和视觉体验 5.如果加上行为，比如点击注释序号，缓缓跳转到注释内容。 再看看css禅意花园 同样是上面的5个步骤，形成第一版本的css禅意花园 而更多的模板提供者所做的工作是交互线稿+视觉设计。体现在网页上就是CSS...
http://www.jb51.net//article/15595.htm
[html]<!DOCTYPE Html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html XMLns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" con...
http://www.jb51.net//article/14700.htm
[html]<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> <br><br><br><br><br><br><br><br><br><br><br><br>&l...
http://www.jb51.net//article/14295.htm
字体大小使用px在一行内声明CSS对比下面两个：h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;}h2 { font-size:18px; border:1px solid blue; color:#000; background-color:#FFF; &...
http://www.jb51.net//article/14239.htm
块级元素div尽量少用，其实和table一样，嵌套越少越好，它也是会影响速度的！ol 有序列表。<ol><li>……</li><li>……</li><li>……</li></ol>表现为：1……2……3……ul 无序列表，表现为li前面是大圆点而不是123<ul><li>……</li><li>……</li></ul>多人容易忽略 dl dt dd的用法dl 内容块dt&...
http://www.jb51.net//article/14227.htm
1、表单文本输入的移动选择： 在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver="this.focus()" onFocus="this.select()" 代码到 <textarea> 中，一切就会变得简单多了，如：[code]<textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="th...
http://www.jb51.net//article/13317.htm