本站2010年9月新增 《十天学会web标准（div+css）》 系列教程，欢迎学习！ 从二列固定宽度入手，开始尝试二列布局的情况下，左右栏宽度能够做到自适应，从一列自适应布局中我们知道，设定自适应主要通过宽度的百分比值设置，因此在二列宽度自适应的布局中也同样是对百分比宽度值的设计，继续上面的CSS代码，我们得新定义二列的宽度值： #left { background-color: #E8F5FE; border: 1px solid #A9C9E2; float: left; height:

本人写的一个分页样式，本来想研究当li被浮动后怎么样居中的问题，但结果不理想，所以现在先把这个给发出来吧，在IE和FF下测试通过： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdhtml xmlns=http://www.w3.org/1999/xhtmlheadmeta http-equiv=Content-Ty

div css表单布局的五个小技巧可以帮助你更灵活的控制表单，使页面更加满意。 1、表单文本输入的移动选择： 在文本输入栏中，如果加入了提示，来访者往往要用鼠标选取后删除，再输入有用的信息。其实只要加入onMouseOver=this.focus() onFocus=this.select() 代码到 textarea 中，一切就会变得简单多了，如： textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver=this.focus

这个模板是左右两列布局模板，不再是最基础的搭建框架，更多的块结构也做出来了，如果符合这种结构的可以直接拿来使用（我做的网站大部分都是这种结构的，嘿嘿^_^）。在IE和FF下测试没变形，但没测试W3C认证，估计还通不过（个别兼容的样式通不过）。 HTML页面结构代码： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd

网页设计标准尺寸: 1、800*600下，网页宽度保持在778以内，就不会出现水平滚动条，高度则视版面和内容决定。 2、1024*768下，网页宽度保持在1002以内，如果满框显示的话,高度是612-615之间.就不会出现水平滚动条和垂直滚动条。(在dw里面有设定好的标准值, 1024*768页面的标准大小是955*600,照着它的尺寸做就行了) 3、在ps里面做网页可以在800*600状态下显示全屏，页面的下方又不会出现滑动条，尺寸为740*560左右 4、在PS里做的图到了网上就不一样了，颜

之前小A曾写了如下面这样一个分页样式，当时只写一个左对齐，因为当对li使用 float:left;之后，就自动左对齐了，如果想让对齐到父窗口右侧，在li上使用 float:right;的话会使用各个li倒序排列。今天突然间想到在父容器上加上 float:right;是不是就对刘右侧了，一试还真行。为了看清楚，我把父容器加上了背景色。 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/x

单行一列 body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;} 两行一列 body{margin:0px;padding:0px;text-align:center;} #content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;}

style.aa {margin:100px}ul {width:80px; float:left; margin:0px}.aa li a{border:1px #E5E5E5 solid; background-color:#EAEAEA; width:120px; height:30px; list-style:none; margin:0px;float: left; border-top-color:#FFFFFF; border-left-color:#FFFFFF}.aa li a