css使用.ppt

CSS样式表Part3 CSS样式表CSS概述1CSS样式定义2CSS属性4网页中CSS样式表应用方法32学习重点、难点CSS定义方法引用方法CSS的属性及作用1学习重点使用CSS样式表统一部署网页风格2学习难点3层叠样式表(CSS,CascadingStyleSheet)是一个很神奇的东西,设计者可以通过修改样式表的定义而使网页呈现完全不同的外观,而当网站拥有几十甚至上百个页面的时候,修改页面的样式表文件即可修改页面的外面,从而大地减少工作量。CSS概述4CSS概述CSS概念CSS(CascadingStyleSheet,层叠样式表)是一种标记性语言,与HTML是“表兄弟”。样式表技术诞生于1996年,需要浏览器支持,现在大多数浏览器都支持CSS。它允许在html文档中加入样式,如字体类型、颜色、大小等。对于设计者来说它是一个非常灵活的工具,可以将所有有关于文档的样式指定内容全部脱离出来,在行内定义、在标题中定义,甚至作为外部样式文件供html调用而不必再把繁杂的样式定义编写在文档结构中5CSS概述CSS功能与特点:示例显然,如果页面中有很多标签的样式需要去控制,而且这些样式可能会经常改变,使用这种方法就非常麻烦。6CSS概述使用CSS优势:可以实现网页结构与格式分离;对网页布局、字体、背景和其它图文效果实现更加精确的控制;更好的易用性和扩展性,可以单独以一个文件的形式出现。总之,CSS在当前的网页设计中已经成为不可缺少的技术,小至去除链接文字的下划线,大致实现复杂的视觉和动态效果,网络中有大量的CSS代码,初学者可多参考别人CSS实现网页样式的方法。7CSS概述CSS的强大功能:8CSS样式表由样式规则组成,告诉浏览器如何去显示一个文档。样式规则一般由样式符与属性组成。常用的样式符有HTML标签、用户自定义类和用户自定义ID等。CSS样式表定义9CSS样式定义CSS样式语法规则:样式符{attributes1:values1;attributes2:values2;…}其中“样式符”表示要定义样式的类型,样式符可以包括HTML标签符、用户自主义类class或用户自定义ID。“属性(attributes)”表示由CSS标准定义的样式属性,“属性值(values)”为样式属性的值。10