<![CDATA[代码设计工作室]]> http://www.designcoding.com/ zh DIV+CSS与不同IE版本等的兼容性 http://www.designcoding.com/Article.aspx?ID=58 http://www.designcoding.com/Article.aspx?ID=58 Div+Css DIV＋CSS网页布局这是一种趋势,我也开始顺应这股趋势了,不过在使用DIV＋CSS网站设计的时候，应该注意css样式兼容不同浏览器问题，特别是对完全使用DIV+CSS设计的网页，就应该更注意IE6 IE7 FF对CSS样式的兼容，不然，你的网页可能乱的一塌糊涂！我经常被这些东西整的焦头烂额,于是呼在网上找了些资料,加上自己的理解和这些日子的经验,整理了一些资料,其中有一些我还没用到的和还不能理解的,就直接从别的地方给粘了过来,不知道有没有错误,等我以后用到的时候慢慢改吧,希望对大家有点帮助!

什么是浏览器兼容：当我们使用不同的浏览器（Firefox IE7 IE6）访问同一个网站，或者页面的时候，会出现一些不兼容的问题，在这种浏览器下显示正常，在另一种下就乱了，我们在编写CSS的时候会很恼火，刚修复了这个浏览器的问题，结果另外一个浏览器却出了新问题。好吧，我服了行吧，那我就利用你们的不兼容各写一段css,让他们各执行各的，这下总该你没脾气了吧，呵呵。

好了，言归正传

一、!important (功能有限)
随着IE7对!important的支持, !important 方法现在只针对IE6的兼容.(注意写法.记得该声明位置需要提前.)
例如:

#example {
width: 100px !important; /* IE7+FF */
width: 200px; /* IE6 */
}
]]> 2009-06-24 10:41:43 http://www.designcoding.com/Article.aspx?ID=58 WEB2.0标准教程:第十天 自适应高度 http://www.designcoding.com/Article.aspx?ID=48 http://www.designcoding.com/Article.aspx?ID=48 Div+Css 2008-03-25 17:07:29 http://www.designcoding.com/Article.aspx?ID=48 WEB2.0标准教程:第九天 第一个CSS布局实例 http://www.designcoding.com/Article.aspx?ID=47 http://www.designcoding.com/Article.aspx?ID=47 Div+Css 2008-03-25 17:06:41 http://www.designcoding.com/Article.aspx?ID=47 WEB2.0标准教程：第八天 CSS布局入门 http://www.designcoding.com/Article.aspx?ID=46 http://www.designcoding.com/Article.aspx?ID=46 Div+Css 2008-03-25 17:05:36 http://www.designcoding.com/Article.aspx?ID=46 WEB2.0标准教程：第七天 CSS入门 http://www.designcoding.com/Article.aspx?ID=45 http://www.designcoding.com/Article.aspx?ID=45 Div+Css 在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。
如果你已经很熟悉了，可以跳过这一节。

CSS是Cascading Style Sheets(层叠样式表)的缩写。
是一种对web文档添加样式的简单机制，属于表现层的布局语言。

]]> 2008-03-25 17:03:26 http://www.designcoding.com/Article.aspx?ID=45 WEB2.0标准教程：第六天 XHTML代码规范 http://www.designcoding.com/Article.aspx?ID=44 http://www.designcoding.com/Article.aspx?ID=44 Div+Css 在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。
了解这些规范可以帮助你少走弯路,尽快通过代码校验。使我们的代码有一个统一、唯一的标准！

1.所有的标记都必须要有一个相应的结束标记
以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如:
<br /><img height="80" alt="网页设计师" src="../images/logo_w3cn_200x80.gif" width="200" />

]]> 2008-03-25 17:02:30 http://www.designcoding.com/Article.aspx?ID=44 WEB2.0标准教程：第五天 head区的其他设置 http://www.designcoding.com/Article.aspx?ID=43 http://www.designcoding.com/Article.aspx?ID=43 Div+Css 这些技巧主要讲meta标签设置的，其实与符合web标准关系不大，只要注意在最后加"/"关闭标签就可以，但是既然是入门教程，就写得详细一点吧。

收藏夹小图标

首先制作一个16x16的icon图标，命名为favicon.ico，放在根目录下。然后将下面的代码嵌入head区：
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

为搜索引擎准备的内容

代码如下，替换成你自己站点的内容就可以：
允许搜索机器人搜索站内所有链接。如果你想某些页面不被搜索，推荐采用robots.txt方法
<meta content="all" name="robots" />

设置站点作者信息
<meta name="author" content="ajie@netease.com,阿捷" />

设置站点版权信息
<meta name="Copyright" content="www.yzci.com,自由版权,任意转载" />

站点的简要介绍(推荐)
<meta name="description" content="新网页设计师。web标准的教程站点，推动web标准在中国的应用" />

站点的关键词(推荐)
<meta content="designing, with, web, standards, xhtml, css, graphic, design, layout, usability, ccessibility, w3c, w3, w3cn, ajie" name="keywords" />

补充说明，前面花了5节都是讲head区的代码，实际页面内容还一字未提，不要急！
其实head区是非常重要的，看一个页面的head的代码就可以知道设计师是否够专业！

]]> 2008-03-25 17:01:18 http://www.designcoding.com/Article.aspx?ID=43 WEB2.0标准教程：第四天 调用样式表 http://www.designcoding.com/Article.aspx?ID=42 http://www.designcoding.com/Article.aspx?ID=42 Div+Css 用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的页面的。

事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变革都会有阻力的，为了享受标准带来的"益处"，放弃一些老的传统做法是值得的。

]]> 2008-03-25 17:00:33 http://www.designcoding.com/Article.aspx?ID=42 WEB2.0标准教程：第三天 定义语言编码 http://www.designcoding.com/Article.aspx?ID=41 http://www.designcoding.com/Article.aspx?ID=41 Div+Css 第三步是定义你的语言编码：

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义。

]]> 2008-03-25 16:59:34 http://www.designcoding.com/Article.aspx?ID=41 WEB2.0标准教程：第二天 什么是名字空间 http://www.designcoding.com/Article.aspx?ID=40 http://www.designcoding.com/Article.aspx?ID=40 Div+Css DOCTYPE声明好以后，接下来的代码是：

<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">

通常我们HTML4.0的代码只是<html>，这里的"xmlns"是什么呢？

]]> 2008-03-25 16:58:38 http://www.designcoding.com/Article.aspx?ID=40 WEB2.0标准教程：第一天 选择什么样的DOCTYPE http://www.designcoding.com/Article.aspx?ID=39 http://www.designcoding.com/Article.aspx?ID=39 Div+Css 第一天
开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。

WEB2.0标准网页原代码，第一行就是：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

]]> 2008-03-25 16:57:14 http://www.designcoding.com/Article.aspx?ID=39