《经典css教程》ppt课件

《经典css教程》ppt课件

ID:27084382

大小:343.00 KB

页数:110页

时间:2018-12-01

《经典css教程》ppt课件_第1页
《经典css教程》ppt课件_第2页
《经典css教程》ppt课件_第3页
《经典css教程》ppt课件_第4页
《经典css教程》ppt课件_第5页
资源描述:

《《经典css教程》ppt课件》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、第3章CSS技术HTML标记的不足之处代码繁琐格式的一致性差可维护性差网页现实效果缺乏动态性与交互性层叠样式表CSS(CascadingStyleSheet)一.CSS的基础知识CSS是为了简化Web页面的更新工作而诞生的,它的功能非常强大,它将让网页变得更加美观,维护更加方便。CSS跟HTML一样,也是一种标记语言,甚至很多属性都来源于HTML,它也需要通过浏览器解释执行。任何懂得HTML的人都可以掌握,非常容易。CSS(CascadingStyleSheet,层叠样式表)技术是一种格式化网页的标准方式,它是HTML功能的扩展,使网页设计者能够以更有效的方式设计出更具表现

2、力的网页效果。1.样式表和HTML的关系样式表(StyleSheets)技术诞生于1996年,全称是层叠样式表(CascadingStyleSheets,简称CSS)。那什么是样式呢?样式其实就是格式,对网页来说,像文字的大小、颜色以及图片位置等,都是网页显示信息的样式。那层叠又是什么意思?意思是当我们在HTML文件中引用数个定义样式文件(CSS文件)时,若数个样式文件间所定义的样式发生冲突,将依据层次处理。样式表是HTML的表兄弟。样式表的产生是由于最初的HTML标准还不尽人意,用HTML制作网页就像是用画笔绘制一幅图画,只有那些对网页制作痴迷而执着的人才可能精确地实现预

3、定的结果。正是在这种情况下,样式表技术诞生了,样式表的目的是为了“对布局、字体、背景和其他图文效果实现更加精确的控制”。HTML4.0版本已经包括了样式表的内容。样式表正在逐渐改变设计、制作网页的方法,为网页创新奠定了基础。样式表的宗旨就是将结构和格式分离。样式表将定义结构和定义格式的两部分相互分离,从而使网页设计人员能够对网页的布局施加更多的控制。HTML仍可以保持简单明了的初衷,而样式表代码独立出来后则从另一角度控制网页外观。利用样式表,可以将站点上所有的网页都指向某个CSS文件,用户只需要修改CSS文件中的某一行,那么整个站点都会随之发生改变。这样,通过样式表就可以将

4、许多网页的风格格式同时更新,不用再一页一页地更新了。样式表的基本结构是怎样的?下面通过一个简单的样式表实例,让你获得对样式表整体性的感性认识。首先建立一个简单的HTML文件。2.样式表的基本结构简单的样式表

样式表

这是一个简单的样式表

现在,给这个HTML文件加一些样式表。只需在标签之前插入以下代码:这样就已经制作出了使用样式表的网页。从浏览器中打开网页(当然首先要保证浏览器支持样式表),网页显示效果如下图所示。简单样式表效果由这个简单的样式表实例,可以看出:一个样式表由许多样式规则组成的,用以告诉浏览器怎样去显示一个网页文档。样式表的核心是规则,样式表的规则如下:选择符{属性1:值1;属性2:值2}如,h1{color:green}这个规则就是告诉浏览

6、器所有标签

之间的文字以绿色显示。其中h1就是选择符,它是一个附带样式功能的HTML标签。花括号中所包含的就是属性,它用于定义实际的样式,每个属性包括两部分:属性名(如color)和属性值(如green)。我们可以使用四种方法将样式表加入到网页中,每种方法都有其不同的优点:(1).将样式表加入到HTML文件行中(2).将样式表嵌入到HTML文件的文档头中(3).将一个外部样式表链接到HTML文件上(4).将一个外部样式表输入到HTML文件中以上四种方法,可分成内部样式表(前两者)及外部样式表(后两者)两类。3.如何在网页中加入css(1)在行内直接加入样式

7、可以直接在HTML代码行中加入样式规则,这种方法适用于指定网页内的某一小段文字的显示风格。不过,利用这种方法定义样式时,效果只可以控制该标签,其语法如下:<标签名称style="样式属性:属性值;样式属性:属性值...">(2)把样式表嵌入到文档头在标签中,用设置style属性的方法,一次只能控制一个标签的样式,实在让人看不出CSS对网页设计有什么特别的效果。在这一节,我们将讲述在文档头嵌入样式表规则的方法,浏览器在整个HTML网页中都执行该规则。如果想对网页一次性加入样式表,就可采用该方法。这种方法就是将所有的样

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

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

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