DIV+CSS常用的网页布局代码

单行一列 以下是引用片段: 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;...

发布于 2008-07-10 阅读(291)

换个角度谈谈DIV+CSS

看了cragle的《有没有必要将网站Div+Css重构?》的文章,有一些想法不说不快,我也在文章的评论里提到曾经开除过两个执着使用div技术的美工,遭到一些朋友的反对,但也有一位技术总监的朋友发帖表示支持,很经典的话就是:“做站是给人看的。不是给机器。符合...

发布于 2008-07-10 阅读(109)

CSS+DIV设计实例:多个DIV排列时居中

以下为引用的内容: ?xml version=1.0 encoding=iso-8859-1? !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 titleUntitled Documen...

发布于 2008-05-11 阅读(631)

DIV+CSS设计实例:透明的导航菜单

这是个透明的CSS菜单,兼容性:IE5.5+、Opera、Frefox、Netscape。 CSS代码: 以下为引用的内容: body{ font:80%Arial,sans-serif; background:#666; } #nav{ width:170px; background:url(navbg.gif)bottom; list-style-type:none; margin:0; padding:0; } #...

发布于 2008-05-11 阅读(373)

CSS+DIV设计实例:纯CSS制作下拉导航菜单

以下为引用的内容: style type=text/css .menu { font-family: verdana, sans-serif; width:750px; position:relative; font-size:0.85em; padding-bottom:250px; } .menu ul { padding:0; margin:0; list-style-type: none; } .menu ul li { float:left; p...

发布于 2008-05-11 阅读(583)

CSS+DIV设计实例:超酷的竖排导航栏

HTML: 以下为引用的内容: divid=navcontainer ulid=navlist liid=activeahref=#id=currentItemone/a ulid=subnavlist liid=subactiveahref=#id=subcurrentSubitemone/a/li liahref=#Subitemtwo/a/li liahref=#Subitemthree/a/li liahref=#Subitemfour/a/li...

发布于 2008-05-11 阅读(571)

学DIV+CSS技术,如何入门?

引言: 引用一本书中的一段文字:“当我第一次开始学习汉语时,我的家庭老师老王给了我一本汉英字典、一本汉语语法书和一本初级教程。但是,他将这些书放 在一个书筐里,并说到下周才能派上用...

发布于 2015-09-16 阅读(248)

样式表CSS中div、span和center元素

div和span用来为内容指定样式或绑定脚本。虽然大多数HTML元素可以通过style属性来设置样式信息,但是许多HTML元素有自己默认的样式,该样式可能和style定义的样式混合甚至冲突,是我们不希望看到的。如:strong style = “color: red”I am strong!/strong。...

发布于 2008-04-26 阅读(88)

DIV+CSS构成的树型菜单

这是用DIV+CSS+JS构成的树型菜单,采用列表,符合WEB标准,在大多数WIN浏览器下,兼容性不错,xhtml见效果页,我现在做的是二个菜单,如果需要添加,可把ul class="collapsed" id="submenuid2"....../ul之间的内容加上去,"submenuid"加1,查看效果。 CSS代码 body...

发布于 2008-04-26 阅读(146)

DIV浮动IE文本出现3px间距的bug

发生场合:当左边对象是浮动的,右边对象采用外补丁的左边距来定位,则右边对象内的文本会离左边有3px的空白误差。 没加修正: 运行代码框 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" h...

发布于 2008-04-26 阅读(171)