电子商务网站建设教学课件 作者李洪心。 第四章CSS.pptVIP

* 4.1 CSS样式表概述 CSS样式表的概念及特点 CSS样式表的定义 CSS文件的基本操作 第四章 CSS样式表 CSS样式表基本属性 CSS样式表滤镜 一、CSS样式表的概念 CSS的全称是层叠样式表(Cascading Style Sheets)，简称样式表。是近几年才发展起来的一种制作网页的新技术， CSS样式表是一组样式，CSS是一种设计网页样式的工具。用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。 CSS样式表的应用 字体、前景背景属性 文本与容器属性 列表样式属性 定位、显示与鼠标形状属性 二、CSS样式表的特点 1、只需修改一个.CSS文件，就可以改变所有使用其中样式的页面的外观和格式。 2、可以随意地控制页面布局和外观。 3、在所有的浏览器和平台之间具有较好的兼容性。 4、精简网页，提高下载速度。 CSS样式表概述 CSS样式表的概念及特点 CSS样式表的定义 CSS文件的基本操作 第四章 CSS样式表 CSS样式表基本属性 CSS样式表滤镜 一、内部CSS样式表定义 内部样式表是指CSS样式表的代码是置于HTML文件内部的，而无需以独立于HTML文件的形式单独保存。内部样式表主要包括对HTML标记定义的样式表、用类（Class）属性和ID（标识符）属性定义的样式表。 CSS样式表的应用 字体、前景背景属性 文本与容器属性 列表样式属性 定位、显示与鼠标形状属性 二、外部CSS样式表定义 外部样式表是指CSS样式表的代码是置于HTML文件外部，并以独立于HTML文件的形式单独保存在扩展名为.css的文本文件中。 CSS样式表概述 CSS样式表的概念及特点 CSS样式表的定义 CSS文件的基本操作 第四章 CSS样式表 CSS样式表基本属性 CSS样式表滤镜 CSS文件的基本操作 一、CSS文件的编辑 首先打开“记事本”（方法是：“开始”菜单—“程序” —“附件”—“记事本”），然后在“记事本”的编辑窗口中输入所有CSS样式代码即可。输入过程中可以随时进行编辑、修改，非常方便。 二、CSS文件的保存 CSS文件的扩展名可以是. css。当整个CSS文件编辑完毕后，即可存盘。方法是在记事本窗口中，选择“文件”菜单—“保存”命令。 三、CSS文件编程规范 1、样式分行书写 2、可以对一个属性定义多个属性值 3、运用注释语句 四、CSS样式表常用编辑软件 因为CSS样式表的内容就是普通的文本，因此任何一个纯文本编辑器都可以作为CSS的编辑器，如windows中的记事本、写字板，Linux中的Kedit、Lxy等，只要在保存文件时扩展名改为.css即可。 除此之外，也可以使用一些“所见即所得”的、功能更为强大的专用的CSS编辑工具，如Dreamweaver 、FrontPage等编辑。 CSS样式表的应用 字体、前景背景属性 文本与容器属性 列表样式属性 定位、显示与鼠标形状属性 CSS样式表概述 CSS样式表的概念及特点 CSS样式表的定义 CSS文件的基本操作 第四章 CSS样式表 CSS样式表基本属性 CSS样式表滤镜 CSS样式表的应用 CSS样式表的应用 字体、前景背景属性 文本与容器属性 列表样式属性 定位、显示与鼠标形状属性 内联式方法 嵌入式方法 外链式方法 导入式方法 CSS样式表概述 CSS样式表的概念及特点 CSS样式表的定义 CSS文件的基本操作 第四章 CSS样式表 CSS样式表基本属性 CSS样式表滤镜 CSS样式表的应用 字体、前景背景属性 文本与容器属性 列表样式属性 定位、显示与鼠标形状属性 字体属性 该属性用来描述文档中各种字体的属性及其取值，如字体族（FONT-FAMILY）、字体大小（FONT-SIZE）、字体样式（FONT-STYLE）等。 1、字体粗细值有五种：普通（normal，即不加粗),加粗（bold),较粗(bolder），lighter，数值（100-900,普通为400，900为最粗）。 2、该属性适用范围为所有标记，默认值为normal。 Normal、 bold 、bolder 、lighter、数值 font-weight（字体粗细） 1、字体样式值有三种：普通（normal）,斜体（italic）,倾斜(oblique)。 2、该属性适用范围为所有标记，默认值为normal。 normal、italic、 oblique font-style（字体样式） 1、字体大小值有四种：绝对大小（small、medium、large等，每个属性值的具体大小由浏览器决定）,相对大小（smaller、larger，分