本站2010年9月新增 《十天学会web标准(div+css)》 系列教程,欢迎学习! 页面整体居中是网页设计中最普遍应用的形式,在传统表格布局中,我们使用表格的align=center属性来实现。div本身也支持align=center属性,也可以让div呈现居中状态,但css布局是为了实现表现和内容的分离,而align对齐属性是一种样式代码,书写在XHTML的div属性之中,有违背分享原则(分离可以使你的网站更加利于管理),因此应当用css实现内容的居中,我们以固定宽度一列布局代码为例,为其

Posted at (10-12-28)Views(254)

本站2010年9月新增 《十天学会web标准(div+css)》 系列教程,欢迎学习! 有了一列固定宽度作为基础,二列固定宽度就非常简单,我们知道div用于对某一个区域的标识,而二列的布局,自然需要用到两个div,XHTML代码如下: div id=left左列/div div id=right右列/div 新的代码结构中使用了两个id,分别为left和right,表示两个div的名称,我们所需要做的是,首先设置它们的宽度,然后让两个div在水平行中并排显示,从而形成二列式的布局,CSS代码如下

Posted at (10-12-28)Views(882)

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

Posted at (10-12-28)Views(827)

本人写的一个分页样式,本来想研究当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

Posted at (10-12-28)Views(956)

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

Posted at (10-12-28)Views(804)

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

Posted at (10-12-28)Views(764)

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

Posted at (10-12-28)Views(382)

之前小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

Posted at (10-12-28)Views(860)