XHtml+CSS入门学习.doc

DIV+CSS网页制作这种叫法不准确 DIV+CSS的叫法是不准确的 我想凡是来到“CSS学习网”的同学，很大部分是冲着DIV+CSS来的，目的就是学习DIV+CSS的，说的再直接一些就是学习如何用DIV+CSS布局页面，如何从一张图片制作成标准的DIV+CSS页面。 ??????如果你看完第一段还没有发现错误的话，那你就很有必要，接着往下看。? ?? ?DIV+CSS这种叫法其实是一种很错误的叫法，这是国人一厢情愿的叫法，而标准的叫法是什么呢？呵呵，没错，是xHTML+CSS，不理解吧，我来细细给你说，如果下面的你能理解，同时也可以让你后面的学习更轻松。? ?? ?为什么国人将这种页面布局的方法叫做DIV+CSS？? ?? ?因为过去布局页面基本上都是用Table布局，也可以说是Table+CSS，而现在布局页面呢，用DIV，所以叫DIV+CSS，听起来也挺合理，认为这样布局出来的页面也就是标准页面，甚至有些人走了个极端，看到其他网站用到Table，就会嘲笑页面做的不够标准，好似用不用Table成为了页面是否标准的一个标尺。现在我可以告诉大家，凡是有着这种行为的，都学得不咋样，很皮毛！? ?? ?用了Table页面就不标准了?!纯粹无稽之谈，那什么才是标准页面呢？先看一个专业概念，WEB标准，然后我会问三个问题，你来回答： WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（European Computer Manufacturers Association）的ECMAScript标准。 看明白了没有？问题来了~先不要看答案，从上面的概念中找出 问题一：WEB标准有几部分组成？问题二：结构化标准语言是什么？问题三：表现标准语言是什么？ 答案一：三部分，结构、表现、行为答案二：XHTML和XML答案三：CSS ??????看完上面三个问题，哪什么是标准页面呢？呵呵，说白了就是按照WEB标准制作的页面，从第二个问题和第三个问题中，我们又可以说，用XHTML和CSS制作的页面就是标准页面，也就是说xHTML+CSS制作的页面就是标准页面。怎么样，理解了吧? ?? ?为什么不说XML+CSS呢？? ?? ?很简单，因为XML过于复杂，且当前的大部分浏览器都不完全支持XML。所以就不用它来布局页面喽~? ?? ?既然xHTML+CSS制作页面就是标准页面了，又因为xHTML中不只有DIV标签，还有span、p、a、ul、li、dl、dt、dd….，即使我不用DIV，用其他标签(比如:ul、li)制作出来的页面也是标准页面！所以说用DIV+CSS来制作标准页面这句话就很狭隘喽~如果满屏全部都是DIV那也算不上标准页面，曾经由一个朋友告诉我，说他的页面全部用的DIV，每个模块，每个功能区域，就连一条线都是纯DIV实现，并且相当自豪的告诉我，没有人比他做的页面更标准的了，他不但对WEB标准页面的理解有差错还犯了一个很大的错误，xHTML中的每一个标签都有其作用，各司其职，各守其责，要用的恰到好处，这才算是标准页面，DIV不是万能的哟~！说到这里大家应该明白，这种Web2.0时代的布局页面的方法，叫DIV+CSS是不准确的，应该叫xHTML+CSS。? ?? ?凡是看到这节的同学们，以后尽可能说xHTML+CSS，不要再说DIV+CSS喽，如果非要说，也要加上一句说明哟，比如 面试官：你对DIV+CSS了解么？应聘者：DIV+CSS准确的说应该叫xHTML+CSS，我对这种页面布局方法非常了解！…… ??????如果你是面试官，你对这个应聘者，感觉如何呢？呵呵呵 CSS初学者入门:使用table布局网页不明智 ?? 使用Table布局页面为什么是不明智的？大家看到标题，不要误解认为在页面中不能使用Table，而是可以使用Table，但是尽量不要用Table去布局页面，为什么这么说呢，因为使用Table布局页面会使页面失去灵活性，怎么个灵活法呢，比如今天你好不容易做出来的页面，第二天老板说我不喜欢登录模块放到右边，还是放到左边，通知板块放到右侧去，页面风格最好一个月换一种，如果遇到这种老板，提出这种要求，并且你的页面是用Table布局的，那么你会崩溃的，工作量那是大大滴~，如果不相信的话，你们自己可以找个页面，用Table布局出来，然后变换板块和风格