|
|||
|
摘要：
首先要明确一个概念。我们本书讲的web标准，不是指XML，而是指为了实现大量HTML信息向XML标准的过渡，W3C和ECMA制定的一系列的技术规范，目前主要包括XHTML1.0、CSS2.0、DOM1.0和ECMA JavaScrit。web标准不仅仅是一个规范，而是一系列规范的总称。
按这些规范制作的网页，符合XML格式规范，内容与表现相分离，将使你的页面数据在以后可以被分享、交换和重用。
阅读全文
posted @ 2007-08-03 13:39 小鱼儿 阅读(115) 评论(0) 推荐(0) 编辑
摘要：
CSS的十八般技巧
原文作者：Roger Johansson 作者简介：住在瑞典哥德堡，1994年开始接触和参与web设计，456 Berea Street是他的住址，因此采用这个名字作为他的个人主页域名原文出处：www.456bereastreet.com 原文发表时间：2005年3月15日阿捷说明：此文原名"CSS tips and tricks"，有2篇，我将它们合并翻译在本文中。
最近,经常有朋友问我一些工作中遇到的CSS问题。他们总是不能很好的控制CSS，影响CSS的效率发挥。我来分析总结一下错误所在，帮助大家更加容易使用CSS。
本文总结了我开始使用CSS布局方法以来所有的技巧和兼容方案，我愿意把这些与你分享，我会重点解释一些新手容易犯的错误(包括我自己也犯过的)，如果你已经是CSS高手，这些经验技巧可能已经都知道，如果你有更多的，希望可以帮我补充。
阅读全文
posted @ 2007-08-03 13:30 小鱼儿 阅读(151) 评论(0) 推荐(0) 编辑
摘要：
长话短说，用 DIV + CSS 做液态布局（宽度自适应），具体用到“负值外补丁”的方法 （negative margins）。
下面我们来做一个三栏液态布局（three-column liquid layout）
首先 Body 和 外框 的代码：
body{margin:0;padding:0px;text-align:center;}
#wrap{margin:0 auto;text-align:left;}
三栏的代码分别如下：
/*左边栏，固定宽度*/
.wrap_l{float:left;background:#FF0000;margin-right:-150px;width:150px;border:1px solid #333;}
/*中间栏，自适应宽度*/
.wrap_m{width:auto;background:#00FF00;margin:0 140px 0 150px;border:1px solid #000;}
/*右边栏，固定宽度*/
br 阅读全文
posted @ 2007-08-03 13:27 小鱼儿 阅读(465) 评论(0) 推荐(0) 编辑 |
|||
