HTML_层叠样式表-个人_finished.ppt

1、层叠样式表,目标,3.,2.,1.,Web标准和CSS（层叠样式表）简介,层叠样式表的语法结构,添加层叠样式表的方法,内容摘要,5.,4.,控制外观样式,控制文字样式,3.行为（behavior）,2.表现（Presentation）,1.结构（Structure）,HTML XML XHTML,DOM ECMAScript（JavaScript 等）,CSS,Web标准的构成,Web标准由一系列规范组成，由于Web设计越来越趋向于整体与结构化，目前Web标准也逐步变为由三大部分组成的标准集,高效率的开发与简单维护信息跨平台的可用性降低服务器成本便于改版加快网页解析速度与未来兼容更良好的用户体

2、验,Web标准的好处,CSS（Cascading StyleSheets，层叠样式表） 是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。使用CSS能够简化网页的格式代码，加快下载显示的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量，尤其是当你面对的是有数百个网页的站点时。 内容结构和格式控制相分离。,CSS层叠样式表简介,3. 链接到外部文件,2. 添加在中,1. 直接添加,网页内容,添加层叠样式表的方法,4. 联合使用样式表, import “*.css”;要添加的其他样式表具体内容 ,2.群组选择符,1.类型选择符,对一组对象进行相同样

3、式指派 比如：h1,h2,h3,以网页中已有的标签类型作为名称的选择符 比如: body p,层叠样式表的语法结构,4.Id及class,3.包含选择符,CSS提供的由用户自定标签名称的一种选择符模式，用户可以使用id和 class对页面中的HTML标签进行自定义名称，从而达到扩展HTML标签及组合HTML标签的目的. Hello world China,对某一个对象中的子对象进行样式指定时使用 比如：p li表示p内的li标签将被指定样式,CSS属性与选择符: 选择符属性：值,控制字体的样式,控制文字的样式,控制文本的样式,控制颜色和背景的样式,控制列表的样式,控制用户界面的样式,控制框与边框的样式,控制显示的样式,控制空白的样式,什么是CSS，它有什么样的功能和效果？CSS样式表有几种选择方式，如何使用？如何控制文本颜色和大小？如何更改鼠标的外形？如何使用CSS控制网页背景颜色？,小测试,制作一个样式表，用来控制本页的字体颜色 制作一个外部样式表，进行链接使用 制作一个登录页面，运用CSS改写要求尽量美观,上机练习,(完),