推荐学习总结--css+div

推荐学习总结--css+div

ID:34137044

大小:2.67 MB

页数:64页

时间:2019-03-03

推荐学习总结--css+div_第1页
推荐学习总结--css+div_第2页
推荐学习总结--css+div_第3页
推荐学习总结--css+div_第4页
推荐学习总结--css+div_第5页
资源描述:

《推荐学习总结--css+div》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、GeneratedbyFoxitPDFCreator©FoxitSoftwarehttp://www.foxitsoftware.comForevaluationonly.WEB开发www.onlyfed.comCSS+DIVCSS标准CSS(cascadingstylesheet),层叠样式表,是用于控制网页样式并允许将样式信息与网页分离的一种标识性语言。CSS是1996由W3C审核通过,并且推荐使用的。CSS的引入就是为了使HTML语言更好的适应页面的美工设计。它以HTML语言为基础,提供了丰富的格式

2、化功能,如字体、颜色、背景和整体排版等,并且网页设计者可以针对各种可视化浏览器(包括显示器、打印机、打字机、投影仪和PDA等)来设置不同的样式风格。CSS的引入引发了网页设计一个又一个的新高潮。使用CSS设计的优秀页面层出不穷。和HTML类似,CSS也是由W3C组织负责制定和发布的。1996年12月发布了CSS1.0规范,1998年发5月布了2.0规范。目前的有两个新版本正处于工作状态,即2.1版和3.0版。然而,W3C只是一个民间技术组织,并没有任何强制力要求软件厂商的产品必须符合规范,因此目前流行的浏

3、览器都没有完全符合CSS2.0的规范,这也为设计师设计网页带来了不便。传统HTML的缺点在CSS没有引入页面之前,传统的HTML语言要实现页面美工设计是十分麻烦的。例如在一个网页中加一个

标签定义的标题,如果要把它设为蓝色,并对字体进行相应的设置,则需要引入标签,如下:

CSS标签1

看上去这样的修改并不是很麻烦,但是当页面的内容不仅仅只有一段,而是整个页面时,情况就变的很复杂了。首先观察如下HTML

4、代码,(01.html)演示

这是标题文本

这里是正文内容

这是标题文本

这里是正文内容

这是标题文本

这里是正文内容

5、ody>这段代码在浏览器中的显示效果是,3个标题都是蓝色黑体字,这时如果要将这4个标题改成红色,在这种传统的HTML语言中就需要对每个标题的标签都进行修改,如果是一个规模很大的网站,并且需要对整个网站进行修改的话,那工作量将会是巨大的,甚至无法实现。其实传统的HTML的缺陷远不止上例中所反映的这一个方面,相比CSS为基础的页面设计方法,其所体现的劣势主要有以下几点:1.维护困难,为了修改某个特殊标记的格式,需要花费很多的时间,尤其对于整个网站而言,后期维护的成本很高。2.标签不足

6、,HTML本身的标签很少,很多标签都是为网页内容服务的,而关于美工样式的标记,如文字间距、段落缩进等标签在HTML找不到。3.网页过于臃肿,由于没有统一对各种风格样式进行控制,因此HTML的页面往往体积过大,解析很慢。4.定位困难在整体布局页面时,HTML对各个模块的位置调整显得捉襟见肘,过多的标签同样导致页面的复杂和维护的困难。CSS的引入对于上面的页面,如果引入CSS对其中的

标签进行控制,那么情况将完全不同,代码如下,(02.html)第1页共64页GeneratedbyFoxit

7、PDFCreator©FoxitSoftwarehttp://www.foxitsoftware.comForevaluationonly.WEB开发www.onlyfed.com演示

这是标题文本

这里是正文内容

这是标题文本

这里是正文内容

这是标题文本

这里是正文内容<

8、/p>其显示效果与前面的例子完全一样,可以发现在页面中的标签全部消失了,取而代之的是最开始的对页面中所有的

标签的样式风格都是由这段代码控制,如果希望标题的颜色变成红色,字体用幼圆,则仅仅需要修改这段代码为: