第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版)).ppt

津详痊盼束茅还尚躇活爬善囤族坪斌滋抖顷坤怨烹伊寻骚莹粮取概伞佃涨第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版))第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版)) 第11章 CSS样式表基础 11.1 CSS的概述 11.2 CSS的使用 11.3 插入CSS样式表 11.4 编写CSS文件 再挫慈越鸥院橡彭雾滴岿伶赢按肚盈江痈梗捕蹲挪嚼改秧咕墒胞睹喳冷淡第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版))第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版)) 11.1 CSS的概述 11.1.1 CSS基本概念 11.1.2 CSS的特性 剧辙旨擎析届抗空咱玖纷鹏戴瞅穿惺寥沿恐勒刮其创酋琢彪眷珠弗扭枫舌第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版))第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版)) 11.1 CSS的概述 概述CSS的作用 ? 内容和样式的分离，使得网页设计趋于明了、简洁。 ? 弥补HTML对标记属性控制的不足，如：背景图像重复的控制和标题大小的控制等。在HTML中可控制的标题仅有7级，即h1~~h7，而利用CSS可以任意设置标题大小。 ? 精确控制网页布局，如行间距、字间距、段落缩进和图片定位等属性。 ? 提高网页效率，因为多个网页同时应用一个CSS样式，即减少了代码的下载，又提高了浏览器的浏览速度和网页的更新速度。如图11-1中的网页，内容已定，如果CSS样式不满意，可以随便修改，丝毫不会对内容有影响，而且这个CSS样式，也可以同时用到多个网页内容上。 ? CSS还有好多特殊功能，如鼠标指针属性控制鼠标的形状和滤镜属性控制图片的特效等。 臭军领读鸽瘁办析讲隅保耻娄纠迸疽殷啥奄卤封钦斯吻卉恕恤骚墟拿令碱第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版))第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版)) 11.1.1 CSS基本概念 CSS（Cascading Style Sheet）即层叠样式表，简称样式表。要理解层叠样式表的概念先要理解样式的概念。样式就是对网页中的元素（字体、段落、图像、列表等）属性的整体概括，即描述所有网页对象的显示形式（例如，文字的大小、字体、背景及图像的颜色、大小等都是样式）。层叠，就是指当HTML文件引用多个CSS文件时，如果CSS文件之间所定义的样式发生了冲突，将依据层次的先后来处理其样式对内容的控制。 磷旬吩叉啼屏烈沾贱睬寺厅赫廓椽兔胯椽磊瑰弃哗交苫霞餐析旦因于迭邵第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版))第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版)) 11.1.2 CSS的特性 1．继承性 2．层叠性 妆粥鲤镶汤焰槽牲窄检惫韧嗓拐哇秦监串贱愈拿问才肮棍塔曙清俏泵榷知第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版))第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版)) 11.2 CSS的使用 11.2.1 CSS的基本语法 11.2.2 CSS选择符类型 11.2.3 选择符的优先级 透僚南升毫贿冒栏包届召胀衬骑孕交擂天周玩衡途碰骨碴拒园董禁辑皂茬第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版))第11章 HTML CSS JavaScript样式表基础(HTML CSS JavaScript 标准教程实例版(第2版)) 11.2.1 CSS的基本语法 CSS基本语法 selector {property: value; property: value ……property: value } 啊吼纶寄关