第一章web标准网站建设.pptVIP

Web标准的思考与争论 1.Web标准并不是“标准”，我为什么要遵守？ Web标准只是W3C制定的推荐规范，W3C并没有强制要求和监督业界去执行。Web标准组织()为了便于这些规范的推广，才把它们统称为“Web标准”。虽然W3C制定的只是“推荐规范”，但它已经是事实上的标准，世界前500家大IT企业会员都认可此规范，没有理由怀疑它的广泛性和可行性。微软也是W3C的主要会员，它自己通过的规范一定会支持，但出于商业竞争的考虑，微软通常都会做一些细节调整来绑定用户，但这并不影响W3C规范的方向性和权威性。 2.DIV+CSS就是Web标准吗？ DIV+CSS只是具体的实现技术手段，并不能涵盖Web标准。Web标准不仅仅是HTML向XHTML的转换，更重要的是信息结构清晰、内容与表现相分离，而DIV+CSS技术能较好的实现这种思想。因此，我们看到的多数符合标准的页面都是采用DIV+CSS制作。 3.Web标准就不能用表格了吗？ 首先要澄清一个概念：Web标准并不是不允许用table标签， table也是XHTML1.0中的标准标签。我们只是提倡用DIV+CSS布局来替代传统的table布局。原因是：原来的table布局将表现和内容混杂在一起，结构不清晰、内容不完整，不利于内容的重用。而且从语义上讲，W3C制定table标签时候只是用它来做表格结构定义的，文档中如果有表格，那么就应该用table 。而排版、定位这些表现的东西应该由CSS来控制。 4.用table布局改版也很方便，用CSS不一定就比table布局效率高。 个别情况或者个别项目，用table布局改版也很快。但这不是长远之计，我们需要透过现象看本质，Web标准将内容与表现相剥离，所有样式、风格、布局等等表现的东西独立出来，由CSS或者XSLT(扩展样式表转换语言)来单独控制，这样的剥离后，改版才是真正的方便。而且“改版”并不仅仅是浏览器上的改版，同样的页面如果我需要发布到手机上，符合Web标准的页面就只需要修改样式文件，而table布局的则需要完全重做，未来如果还需要再发布到网络电视上或者其它新设备上呢？CSS的效率一定比table高。 推 荐 书 籍 4.ID选择符 在HTML页面中ID参数指定了某个单一元素，ID选择符是用来对这个单一元素定义单独的样式。 ID选择符的应用和类选择符类似，只要把CLASS换成ID即可。如：p id=“center”,定义ID选择符要在ID名称前加上一个“#”号。和类选择符相同，定义ID选择符的属性也有两种方法。下面这个例子，ID属性将匹配所有id=intro的元素： #intro { font-size:110%; font-weight:bold; color:#0000ff; background-color:transparent } div id=”intro”pagebody……../div 此例效果：div层内字体尺寸为默认尺寸的110%；粗体；蓝色；背景颜色透明，） 下面这个例子，ID属性只匹配id=intro的段落元素： p#intro { font-size:110%; font-weight:bold; color:#0000ff; background-color:transparent } p id=“intro”pagebody……../p 5.包含选择符 可以单独对某种元素包含关系定义的样式表，元素1里包含元素2，这种方式只对在元素1里的元素2定义，对单独的元素1或元素2无定义，例如： div ul li{ font-family:16px; color:#990000; list-style:none;} 只改变位于层内的列表字体，颜色等属性。 6.注释 在CSS中可以插入注释来说明代码意思，注释有利于你或别人以后编辑和更改代码时理解代码的含义。在浏览器中，注释是不显示的。CSS注释以/* 开头，以*/ 结尾，如下： /* 定义段落样式表 */ p { text-align: center; /* 文本居中排列 */ color: black; /* 文字为黑色 */ font-family: arial /* 字体为arial */ } 6.通用选择器 *{margin：0;padding:0；} 即将页面中的所有元素的内间距，外间距设为0，因为不同浏览器的默认间距值是不同的，均设为0，可方便我们对于页面的控制，为页面兼容性带来很大的好处， 。 8.CSS ID命名 (1)页面结构 　　容器: container 　　页头：header 　　内容：content/