第3章层叠样式单CSS信息科技学院.pptVIP

第3章 层叠样式单CSS;学习要点： ;第3章 HTML基础与层叠样式单CSS ;3.2 层叠样式单CSS;3.2 层叠样式单CSS;3.2.1 CSS的特点;使用CSS带来两个方面的好处： （1）简化了网页的格式代码，外部的样式表还会被浏览器保存在缓存里，加快了下载显示的速度，也减少了需要上传的代码数量（因为重复设置的格式将被只保存一次）。 （2）只要修改保存着网站格式的CSS样式表文件就可以改变整个站点的风格特色，在修改页面数量庞大的站点时，显得格外有用。避免了一个一个网页的修改，大大减少了重复劳动的工作量。;3.2.2 CSS的定义;3.2.3 CSS中的选择符;3.2.3.2 具有上下文关系的HTML标记类选择符 ;3.2.3.3用户定义的类选择符 ;3.2.3.4　ID选择符 ;3.2.3.5 虚类;3.2.3.6 虚元素;3.2.4 CSS的使用方式 ; 外部样式表不能含有任何像HEAD或STYLE这样的HTML标记，仅仅由样式规则或声明组成，并且只能以.CSS为扩展名。 link标记放置在HTML文档头部，属性主要有rel，href，type，media。 一个外部样式表文件可以应用于多个页面。当你改变这个样式表文件时，所有页面的样式都随之而改变。在制作大量相同样式页面的网站时，非常有用，不仅减少了重复的工作量，而且有利于以后的修改、编辑。同时，大多数浏览器会保存外部样式表在缓冲区，从而浏览时也减少了重复下载代码，避免了在展示网页时的延迟。;3.2.4.2导入外部样式表;3.2.4.3联入样式表 ;3.2.4.4内联样式;3.2.4.5 多重样式表的叠加;3.2.5 用CSS控制Web页元素的显示外观;3.2.5.3控制颜色和背景属性 ; 3.2.5.4方框属性 用于设置元素的边界(MARGIN)、边界补白(PADDING)、边框(BORDER)等属性值。使用方框属性的大多是块元素。 3.2.5.5列表属性 用于设置列表标记(OL和UL)的显示特性。包括LIST-STYLE-TYPE、LIST-STYLE-IMAGE、LIST-STYLE-POSITION、LIST-STYLE等。;3.2.5.6定位属性; 3.2.5.7 控制鼠标形状;3.2.5.8滤镜 ;（2） BLUR滤镜 ;（3） DropShadow 滤镜 ;（4） GLOW 滤镜 ;（5） Chroma 滤镜 ;（6） FlipH与FlipV滤镜 ;（7） Wave 滤镜 ;（8） SHADOW 滤镜 ;（9） Mask滤镜 ;（10） LIGHT 滤镜 ;（11）GRAY 滤镜、INVERT滤镜、XRAY 滤镜;3.2.6 CSS应用实例;思考练习题