网页制作94567.pptVIP

第七讲 CSS技术基础 主要内容： 1、CSS简介 2、CSS声明 3、CSS的类型 4、创建CSS样式表文件及基本写法 5、层叠样式表的冲突 6、CSS的单位及各种属性 7.1、CSS简介 CSS译为“层叠样式表”或“级联样式表，是一种非常常用的定义网页元素的规则，它能让网页制作者有效地定制、改善网页。 CSS可以同时控制很多文档，包括文档中的所有格式。除了可以连接到多个文档，当CSS样式更新或修改时，所有使用该样式表的文档格式也会自动更新改变。 7.2、CSS声明 CSS格式设置规则由两部分组成：选择器和声明 1、选择器是标识格式元素的术语（如P、h1、 id或类名等） 2、声明用于定义元素样式： 包括两部分:属性和值 如： h1{ font-size:16 pixels; font-family: helvetical; } CSS的声明分类： 1、典型的CSS样式声明 2、分项声明方式 3、集中声明方式 对一个选择器声明多个属性 多个选择器使用一个样式 7.3、CSS的类型： 1、类：创建可作为class属性应用于文本范围或文本块的自定义样式（例：.myhead） 2、标签：重新定义特定HTML标签的默认格式设置 3、高级：为某个具体标签组合或所有包含特定ID属性的标签定义和格式设置。 7.4、创建CSS新样式表文件及基本写法 1、自定义创建新样式表文件 2、使用“仅对该文档的方式”创建 3、直接在标签内部设置样式 7.6、层叠样式表的冲突 1、多个CSS样式冲突 2、HTML样式和CSS样式冲突 7.7、CSS各个属性 1、类型属性： 字体、大小、粗细、样式、变量、行高、大小写、修饰、颜色 2、背景属性： 背景颜色、背景图像、重复（图片的平铺方式）、附件（图片是否随页面的滚动而滚动）、水平对齐、垂直对齐 7.7、CSS各个属性 3、区块属性： 单词间距、字母间距、垂直对齐、文本对齐、文字缩进、空格、显示 4、方框属性： 宽、高、浮动（文字与图片的浮动方式）、填充（决定边框与内容左、右、上、下的距离）、边界（决定元素与浏览器窗口或上一个元素四个方向的距离） 7.7、CSS各个属性 5、边框属性： 文本设置边框、表格设置边框 6、CSS列表属性： 类型 项目符号图像 位置 * *