什么东西都讲究个国际标准，当然web布局也不例外。
看看我们的周围在发生着什么变化。
下面简单的看看吧：
.html
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
<body>
<div id="top">页面上侧</div>
<div id="left">页面左列</div>
<div id="middle">页面中列</div>
<div id="right">页面右列</div>
</body>
.css
LINE-HEIGHT:150%; }
/*定义页面上列样式*/
#left{ WIDTH:200px;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND: #CDCDCD;
}
/*定义页面左列样式*/
#left{ POSITION: absolute;
LEFT:30px;
TOP:100px;
WIDTH:300px;
MARGIN: 0px;
PADDING: 100px;
BACKGROUND: #CDCDCD;
}
/*定义页面中列样式*/
#middle{ POSITION: absolute;
LEFT:200px;
TOP:100px;
WIDTH:300px;
MARGIN: 0px;
PADDING: 100px;
BACKGROUND: #DADADA;
}
/*定义页面右列样式*/
#right{ POSITION: absolute;
LEFT:500px;
TOP:100px;
WIDTH:280px;
MARGIN: 0px;
PADDING: 100px;
BACKGROUND: #1DA18A; }
这个css好象.net中的.cs，也采取代码隐藏？这就是传说中的“重构”！
------思想是王道
看看我们的周围在发生着什么变化。
- 专业设计门户七色鸟设计空间重构完毕。(20050628)
- 阿里巴巴中文版用web标准重构完毕。(20050427)
- MSN按xhtml1-strict标准重构完毕。(20050411)
- 网易首页按web标准重构完毕。(20050328)
- 网易的新闻频道首页按web标准重构完毕。(20050223)
- 闪客帝国用web标准进行了网站重构.(20041017)
- 为何使用表格排版是不明智的？看看onestab翻译的文章你会明白为什么要抛弃表格。(2 0040518)
- 微软的MSN新版首页代码靠拢Web标准盖茨称更快更简单。(20050218)
- 微软网站改版,加强了CSS排版,表格从40个减少到7个,字节减少70%,虽然没有完全标准化,但让我们看到了希望。(20040828)
- CSS能够做什么？难以置信。(20040818)
- 2004年6月2日是zeldman.com 网站进入第九年纪念日。特别向一直致力于推动 web标准的L. Jeffrey Zeldman表示敬佩和敬意。
- htmldog.com 评出了Top Dog Top 10 Web Standards Sites，它们是 1. CZG, 2. ALA, 3. mezzoblue, 4. Simple Bits, 5. CSS Vault, 6. WaSP, 7. Zeldman, 8. Andybudd, 9, Whitespace, 10. Stopdesign.
- 蓝色理想论坛网站综合专栏开设设计革命之网站重构讨论。 (20040519)
- CSDN开设设计革命专题 (20040518)
- 为何使用表格排版是不明智的？ 长期以来，表格是 Web 设计中占主宰地位的排版方式，然而它却阻碍了语义化结构化 Web 的发展。本文用漫画式的演示，一步一步带你理解为什么我们应该少用、乃至抛弃表格。叙述清晰，适合对 Web 标准刚刚有所了解的人来上手。(20040518)
- blogger.com 采用css和xhtml strict 1.0标准重新设计完成。在stopdesign上还介绍了设计中用到的一些技术。 (20040511)
- 2004 SXSW Web设计大奖CSS Zen Garden获得了"Developer’s Resource"和"Best of Show"两个奖项. (20040505)
- MP3.com网站采用web标准重新设计完成 (20040511)
- 美国国会图书馆(Library Of Congress)网站采用web标准重新设计完成 (20040511)
- ZDnet发表文章：CSS为进入黄金时期做好准备了吗 (20040505)
下面简单的看看吧：
.html
<link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" media="all" />
<body>
<div id="top">页面上侧</div>
<div id="left">页面左列</div>
<div id="middle">页面中列</div>
<div id="right">页面右列</div>
</body>
.css
LINE-HEIGHT:150%; }
/*定义页面上列样式*/
#left{ WIDTH:200px;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND: #CDCDCD;
}
/*定义页面左列样式*/
#left{ POSITION: absolute;
LEFT:30px;
TOP:100px;
WIDTH:300px;
MARGIN: 0px;
PADDING: 100px;
BACKGROUND: #CDCDCD;
}
/*定义页面中列样式*/
#middle{ POSITION: absolute;
LEFT:200px;
TOP:100px;
WIDTH:300px;
MARGIN: 0px;
PADDING: 100px;
BACKGROUND: #DADADA;
}
/*定义页面右列样式*/
#right{ POSITION: absolute;
LEFT:500px;
TOP:100px;
WIDTH:280px;
MARGIN: 0px;
PADDING: 100px;
BACKGROUND: #1DA18A; }
这个css好象.net中的.cs，也采取代码隐藏？这就是传说中的“重构”！
------思想是王道
浙公网安备 33010602011771号