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

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

ID:14427128

大小:1.21 MB

页数:61页

时间:2018-07-28

2天掌握div+css网页制作技术_第1页
2天掌握div+css网页制作技术_第2页
2天掌握div+css网页制作技术_第3页
2天掌握div+css网页制作技术_第4页
2天掌握div+css网页制作技术_第5页
资源描述:

《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,我对这种页面

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。