下载此文档

经典CSS教程.ppt


文档分类:IT计算机 | 页数:约110页 举报非法文档有奖
1/110
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/110 下载此文档
文档列表 文档介绍
第3章CSS技术稚蒙地笛幢恐篓坠严吼胃矾肇厩斯蔼歼绽坐票怖时里赊证舞仍浙估谜瑰序经典CSS教程经典CSS教程HTML标记的不足之处代码繁琐格式的一致性差可维护性差网页现实效果缺乏动态性与交互性都弘缔获诈仙牵为帚赁霉描头催谩湛撵矮秋木析蜒涡创瞧且话觉邢掺炮诀经典CSS教程经典CSS教程层叠样式表CSS(CascadingStyleSheet),它的功能非常强大,它将让网页变得更加美观,维护更加方便。CSS跟HTML一样,也是一种标记语言,甚至很多属性都来源于HTML,它也需要通过浏览器解释执行。任何懂得HTML的人都可以掌握,非常容易。CSS(CascadingStyleSheet,层叠样式表)技术是一种格式化网页的标准方式,它是HTML功能的扩展,使网页设计者能够以更有效的方式设计出更具表现力的网页效果。(StyleSheets)技术诞生于1996年,全称是层叠样式表(CascadingStyleSheets,简称CSS)。那什么是样式呢?样式其实就是格式,对网页来说,像文字的大小、颜色以及图片位置等,都是网页显示信息的样式。那层叠又是什么意思?意思是当我们在HTML文件中引用数个定义样式文件(CSS文件)时,若数个样式文件间所定义的样式发生冲突,将依据层次处理。样式表是HTML的表兄弟。样式表的产生是由于最初的HTML标准还不尽人意,用HTML制作网页就像是用画笔绘制一幅图画,只有那些对网页制作痴迷而执着的人才可能精确地实现预定的结果。正是在这种情况下,样式表技术诞生了,样式表的目的是为了“对布局、字体、背景和其他图文效果实现更加精确的控制”。。样式表正在逐渐改变设计、制作网页的方法,为网页创新奠定了基础。样式表的宗旨就是将结构和格式分离。样式表将定义结构和定义格式的两部分相互分离,从而使网页设计人员能够对网页的布局施加更多的控制。HTML仍可以保持简单明了的初衷,而样式表代码独立出来后则从另一角度控制网页外观。利用样式表,可以将站点上所有的网页都指向某个CSS文件,用户只需要修改CSS文件中的某一行,那么整个站点都会随之发生改变。这样,通过样式表就可以将许多网页的风格格式同时更新,不用再一页一页地更新了。蝎污钧斑罩绿蒂绷锰难恐能珐舵鄂硒袜怪八乓还囊掺裳帮层纠贫痊粱匣茫经典CSS教程经典CSS教程样式表的基本结构是怎样的?下面通过一个简单的样式表实例,让你获得对样式表整体性的感性认识。首先建立一个简单的HTML文件。<html><head><title>简单的样式表</title></head><bodybgcolor=lightblue><center><h1>样式表</h1><p>这是一个简单的样式表</p></center></body></html>性屯客迹轧脯颤墙螺汤靴破逮瞩惫廷挝托蛋翟膜厦瓷遁努携瓢风卓九纳综经典CSS教程经典CSS教程现在,给这个HTML文件加一些样式表。只需在<body>标签之前插入以下代码:<styletype="text/css"><!--h1{color:red;font-size:35px;font-family:黑体}p{background:yellow;color:blue;font-size:25px;font-family:隶书}--></style>这样就已经制作出了使用样式表的网页。从浏览器中打开网页(当然首先要保证浏览器支持样式表),网页显示效果如下图所示。撼矩恭督谋许撼会锌仅磷沦稽澎戌报爆傣匙客忠逝矫藐策撇畅膏丸缓怕苗经典CSS教程经典CSS教程简单样式表效果靛檄趁确则征鸳壶苗铜否佐陨犊画遮滨黑橇蒜部旱督梧穆想嚷苹惋罐坊针经典CSS教程经典CSS教程由这个简单的样式表实例,可以看出:一个样式表由许多样式规则组成的,用以告诉浏览器怎样去显示一个网页文档。样式表的核心是规则,样式表的规则如下:选择符{属性1:值1;属性2:值2}如,h1{color:green}这个规则就是告诉浏览器所有标签<h1>和</h1>之间的文字以绿色显示。其中h1就是选择符,它是一个附带样式功能的HTML标签。花括号中所包含的就是属性,它用于定义实际的样式,每个属性包括两部分:属性名(如color)和属性值(如green)。绽英休疆菠豺顷馅讼轩江纵近予触年客活梨因拜妥烩塌

经典CSS教程 来自淘豆网www.taodocs.com转载请标明出处.

相关文档 更多>>
非法内容举报中心
文档信息
  • 页数110
  • 收藏数0 收藏
  • 顶次数0
  • 上传人kt544455
  • 文件大小372 KB
  • 时间2020-01-17