2天掌握div+css网页制作技术

《2天掌握div+css网页制作技术》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、2天掌握DIV+CSS网页制作技术=================================基础【基础一】DIV+CSS的叫法是不准确的【基础二】使用Table布局是不明智的【基础三】xHTML+CSS与SEO【基础四】CSS如何控制页面【基础五】CSS选择器【基础六】CSS选择器命名及常用命名【基础七】盒子模型【基础八】块状元素和内联元素=================================课程【第一课】盒模型、块状元素与内联元素、CSS选择器【第二课】浮动【第三课】清除浮动【第四

2、课】导航条【第五课】浮动(float)页面布局【第六节】定位【第七节】定位应用【第八课】CSSHack=================================小技巧【单张图片按钮实例】【首行文字两文字缩进】DIV+CSS网页制作这种叫法不准确2010-01-0115:29:25  来源:CSS学习网 网页制作Webjx文章简介：DIV+CSS的叫法是不准确的.DIV+CSS的叫法是不准确的我想凡是来到“CSS学习网”的同学，很大部分是冲着DIV+CSS来的，目的就是学习DIV+CSS的，说的再

3、直接一些就是学习如何用DIV+CSS布局页面，如何从一张图片制作成标准的DIV+CSS页面。如果你看完第一段还没有发现错误的话，那你就很有必要，接着往下看。DIV+CSS这种叫法其实是一种很错误的叫法，这是国人一厢情愿的叫法，而标准的叫法是什么呢？呵呵，没错，是xHTML+CSS，不理解吧，我来细细给你说，如果下面的你能理解，保证面试的时候会有很大的帮助，同时也可以让你后面的学习更轻松。为什么国人将这种页面布局的方法叫做DIV+CSS？因为过去布局页面基本上都是用Table布局，也可以说是Table+C

4、SS，而现在布局页面呢，用DIV，所以叫DIV+CSS，听起来也挺合理，认为这样布局出来的页面也就是标准页面，甚至有些人走了个极端，看到其他网站用到Table，就会嘲笑页面做的不够标准，好似用不用Table成为了页面是否标准的一个标尺。现在我可以告诉大家，凡是有着这种行为的，都学得不咋样，很皮毛！用了Table页面就不标准了?!纯粹无稽之谈，那什么才是标准页面呢？先看一个专业概念，WEB标准，然后我会问三个问题，你来回答：WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Str

5、ucture）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3CDOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（EuropeanComputerManufacturersAssociation）的ECMAScript标准。看明白了没有？问题来了!先不要看答案，从上面的概念中找出问题一：WEB标准有几部

6、分组成？问题二：结构化标准语言是什么？问题三：表现标准语言是什么？答案一：三部分，结构、表现、行为答案二：XHTML和XML答案三：CSS看完上面三个问题，哪什么是标准页面呢？呵呵，说白了就是按照WEB标准制作的页面，从第二个问题和第三个问题中，我们又可以说，用XHTML和CSS制作的页面就是标准页面，也就是说xHTML+CSS制作的页面就是标准页面。怎么样，理解了吧 为什么不说XML+CSS呢？ 很简单，因为XML过于复杂，且当前的大部分浏览器都不完全支持XML。所以就不用它来布局页面喽! 既然xHT

7、ML+CSS制作页面就是标准页面了，又因为xHTML中不只有DIV标签，还有span、p、a、ul、li、dl、dt、dd….，即使我不用DIV，用其他标签(比如:ul、li)制作出来的页面也是标准页面！所以说用DIV+CSS来制作标准页面这句话就很狭隘喽!如果满屏全部都是DIV那也算不上标准页面，曾经由一个朋友告诉我，说他的页面全部用的DIV，每个模块，每个功能区域，就连一条线都是纯DIV实现，并且相当自豪的告诉我，没有人比他做的页面更标准的了，他不但对WEB标准页面的理解有差错还犯了一个很大的错误，

8、xHTML中的每一个标签都有其作用，各司其职，各守其责，要用的恰到好处，这才算是标准页面，DIV不是万能的哟!！说到这里大家应该明白，这种Web2.0时代的布局页面的方法，叫DIV+CSS是不准确的，应该叫xHTML+CSS。凡是看到这节的同学们，以后尽可能说xHTML+CSS，不要再说DIV+CSS喽，如果非要说，也要加上一句说明哟，比如面试官：你对DIV+CSS了解么？应聘者：DIV+CSS准确的说应该叫xHTML+CSS，我对这种页面