CSS教程之经由过程W3C XHTML1.0尺度考证的履历

仓酷云

Table布局灵活性不大，你只能遵循tabletrtd的格式。而div你可以divulli也可以olli还可以ulli……但标准语法最好有序的写。
　　本文章是一名网友在举行网站更新与调剂时，举行W3CXHTML1.0考证的时分的一些履历。
总结出经由过程W3CXHTML1.0尺度必要注重的九个成绩：
1、在<divclass=tzh>IamTZH!</div>这段语句中有甚么毛病？
　　标点标记成绩。这实在也是人人最简单无视的成绩，实在就是小小的两个引号，就形成了这个毛病。固然良多扫瞄器在不加引号的情形下仍旧能准确辨认衬着。可是如许想要经由过程严厉的W3CXHTML国际尺度是不成能的，请人人记着等号前面必定要接引号。准确写法：<divclass="tzh">IamTZH!</div>
2、在<SPANclass="tzh">TZHisme!</SPAN>这段语句中有甚么毛病？
　　巨细写注重。这和第一个成绩一样，都是出格简单无视的细节成绩。在W3C尺度中是相对不同意年夜写的，个中我仍记得我在检测一段javascript代码的时分，因为为了让本人一览无余写出的onLoad也被判别成了毛病，缘故原由就是L不克不及年夜写。准确写法：<spanclass="tzh">TZHisme!</span>
3、在<p>IamTZH!</p><br><p>TZHisme!</p>这段语句中有甚么毛病？
　　<br/>标签成绩。关于强迫换行标签<br/>来讲，良多老手都分不清它和<br>的区分，乃至在FCKeditor编纂器中偶然城市时不时冒出个<br>来充任<br/>。固然一样良多扫瞄器都能主动纠错，将<br>作为<br/>辨认。但最好的编纂办法仍是保举人人利用Dreamweaver举行编纂，当你按下Ctrl+Enter，就会主动写上一个<br/>。准确写法：<p>IamTZH!</p><br/><p>TZHisme!</p>
4、<h1>~tangzhehao~hey~</h1>这段语句中有甚么毛病？
　　注重标签停止前面接的标点标记，良多标签停止后都不克不及接特别标点标记，好比这里的"~"海浪号，但你要问，那叫我怎样用呢？那就利用ISOLatin-1字符集（ISOLatin-1CharacterSet），在这里，查找到“~”海浪号绝对应的字符集十进制编码是~，然后就用这个十进制编码取代~海浪号，记着最初的分号不克不及丢。在ISOLatin-1字符会合以已定名实体（Namedentity）最优先，十进制编码（Decimalcode）其次，也就是说，一个标记在同时有十进制编码和已定名实体的时分，优先选用已定名实体而不利用十进制编码。
5、在<formid="54tzh"></form>这段语句中有甚么毛病？
　　注重id和class特别情形。W3CXHTML1.0尺度中划定，在id或class中，第一个字符是不克不及是数字的，必需是字母。准确写法：<formid="tzh45"></form>
6、在
7、在<scriptlanguage="JavaScript">这段语句中有甚么毛病？
　　<script>标签注重。W3CXHTML1.0尺度中划定，在<img>标签中，必需包含type元素。准确写法：<scriptlanguage="JavaScript"type=text/javascript>
8、在<div><h1>IamTZH!</div></h1>这段语句中有甚么毛病？
　　注重标签入手下手停止按次对应。准确写法：<div><h1>IamTZH!</h1></div>
9、除下面的以外，还必要注重哪些成绩？
　　注重特别套装。好比：<dl><dd><ul><li>等一些特别标签，套装按次中缺一不成。必需依照按次将<dl><dd><ul><li>四个标签写完整。相似的另有很多。
　　注重未翻开标签。所谓未翻开来自于W3C检测，这类毛病显现的毛病是isnotopen，翻译过去也就是未翻开的意义。假如依照中文的意义来了解就是有首无尾大概有尾无首。一般这类毛病呈现的缘故原由都是由于有一段代码在修正的时分被删除，而没有顾及到绝对较远的停止大概入手下手标签。
总结出关于W3CCSS尺度的一些履历：
　　1、罕用偏门。相似break-word断行，z-index手动分层，另有像垂直对齐等等这些偏门CSS最好罕用，由于纷歧定一切扫瞄器都撑持，并且极难经由过程W3C检测。
　　2、center不是float的值。良多老手城市把center误以为是float的值，而恰恰不是云云。center只是text-align的值。
　　3、对齐不克不及包含两个值。良多老手会在float大概text-align中填写两个值，好比：float:lefttop。这是不同意的，扫瞄器也没法辨认。
　　4、转动条色彩最好不要自界说。良多扫瞄器不克不及一般辨认自界说色彩的转动条，何况良多自界说色彩都不克不及经由过程W3C。
　　5、独自转动条设置。如今常常利用overflow-x（横向转动条）大概overflow-y（纵向转动条），在设置这个的时分常常会发明并非一切的客户端上都无效果，人人在设置的时分最幸亏body和html同时举行设置。但是这个CSS也不是CSS2.1撑持的（CSS2.1撑持overflow，同时界说横纵转动条），直到CSS3才撑持这类界说体例。只管罕用。
　　6、background和color色彩不异会遭到告诫。关于更多的常识，您能够参考52CSS.com的相干文章。

强大的字体控制和排版能力。CSS控制字体的能力比糟糕的FONT标签好多了。

是当我和赵丽芬崔明艳老师进行交流后，很快就了解了还不太清楚的内容和并不了解的知识（像布局表格、绘制布局单元格等）。

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

仓酷云

不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

在刚开始接触网页的第一堂课上，听说网页制作会是一门很无聊并且很难听懂的过程，而事实却印证了这样一个事实。

Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH，专业网页图像设计软件FIREWORKS，并称为“网页三剑客”。

Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。

由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。