CSS基础-课件PPT.ppt

——CSS的简单应用CSSHTML和CSS结合起来共同完成网页“内容+样式”的设计,一个完整美观的网页,就是由html标记与控制这些标记布局和美化功能的CSS组成。本章学****目标:(1)了解CSS的发展及其特点;(2)掌握CSS的语法规则;(3)了解CSS的属性;(4)掌握在网页中使用CSS的常用方法;(5)掌握CSS中的选择器。,而页面的风格样式控制则交给CSS来完成。网页的样式包括各种元素的颜色、大小、线形、间距等等,这对于设计或维护一个数据较多的网站来说,工作量是巨大的。好在可以使用CSS来控制这些样式,这将大大提高网页设计和维护的效率,并且使网页的整体风格很容易做到统一。,中文译为层叠样式表,也有人翻译为级联样式表,简称样式表。它是一种用来定义网页外观样式的技术,在网页中引入CSS规则,可以快捷高效地对页面进行布局设计,可以精确的控制HTML标记对象的宽度、高度、位置、字体、背景等外观效果。CSS是一种标识性语言,不仅可以有效的控制网页的样式,更重要的是实现了网页内容与样式的分离,并允许将CSS规则单独存放于一个文档中,CSS文件的扩展名为“css”。CSS的作用可以概括为:第一,弥补HTML对样式控制的不足,如背景、字体等样式的控制。第二,精确布局网页,如盒子定位、文字排版、图片定位等。第三,简化了网页的格式代码,外部的样式表还会被浏览器保存在缓存里,加快了下载速度,同时也减少了需要上传的代码数量。第四,提高网页效率,多个网页可以使用同一个CSS样式文件,只要修改保存着网站格式的CSS样式表文件就可以改变整个站点的风格特色,避免了一个一个网页的修改,即减少设计者的工作量,也提高了浏览速度和网页更新速度。,2001年提上W3C研究议程,但是,10年来CSS3可以说是基本上没有什么很大的变化,一直到2011年6月才发布了全新版本的CSS3,目前,许多浏览器都广泛支持CSS3。CSS3是CSS技术的一个升级版本,CSS3语言将CSS划分为更小的模块,在朝着模块化的方向发展。以前的版本是一个比较庞大而且比较复杂模块,所以,把它分解成为一个个小的简单的模块,同时也加入了更多新的模块。在CSS3中有字体、颜色、布局、背景、定位、边框、多列、动画、用户界面等等多个模块。CSS3的优点有:第一,CSS3引入了更多新的样式,它们更易于控制这些复杂界面的显示方式,CSS3提供了更多强大的功能,可在线演示渐变、阴影、旋转、动画等非常多的效果。例如,CSS3定义可以控制HTML元素的圆角半径的式样。第二,CSS3将完全向后兼容。第三,提高页面性能。:选择器和一条或多条声明。基本语法:选择器{属性1:值;属性2:值;…属性n:值;},包含了字体、文本、背景、列表、动画等多个分组,表8-1(详见课本)对CSS中主要的可用属性进行列举,这些属性的具体使用方法和示例见后续章节。