第2章XHTML和CSS基础资料.pptVIP

第1章 知识点回顾 2.1 XHTML语言基础 2.1.1 XHTML文档的基本结构 2.1.1 XHTML文档的基本结构 2.1.1 XHTML文档的基本结构 2.1.1 XHTML文档的基本结构 2.1.1 XHTML文档的基本结构 2.1.1 XHTML文档的基本结构 2.1.1 XHTML文档的基本结构 2.1.1 XHTML文档的基本结构 2.1.1 XHTML文档的基本结构 2.1.2 标签的书写格式 2.1.2 标签的书写格式 2.1.3 标签的属性 2.1.4 XHTML语法规范 2.1.4 XHTML语法规范 2.1.4 XHTML语法规范 2.1.4 XHTML语法规范 2.1.4 XHTML语法规范 2.2 CSS基础 2.2.1 CSS的基本语法 2.2.2 选择器类型 2.2.2 选择器类型 2.2.2 选择器类型 2.2.3 使用CSS控制页面元素 2.2.3 使用CSS控制页面元素 2.2.3 使用CSS控制页面元素 2.2.3 使用CSS控制页面元素 2.2.4 CSS理论 2.2.4 CSS理论 2.2.4 CSS理论 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.5 设置CSS属性 2.2.6 管理CSS样式表 2.2.6 管理CSS样式表 2.2.6 管理CSS样式表 2.2.6 管理CSS样式表 2.继承理论：描述了一个规则怎样被一个或多个以前声明的规则所影响，继承可以影响同名的规则，以及格式化父元素或者彼此嵌套的元素的规则。 例1：两个同名规则： h1color:blue; h1font-family:”隶书”; 例2：嵌套元素： h1color:blue;font-family:“隶书”; div h1color:red; 3.后代理论：描述了怎样基于特定元素相对于其他元素的位置对其进行格式化。 例2：嵌套元素： h1color:blue;font-family:“宋体”; div h1color:red;font-family:“隶书”; div .product h1color:green;font-family:“幼圆”; 1.认识【CSS样式】面板：选择【窗口】—【CSS样式】命令或按Shift+F11快捷键，即可打开【CSS样式】面板。 2.创建新的CSS规则：在【CSS样式】面板中，单击【新建CSS规则】图标，打开【新建CSS规则】对话框。 3.设置CSS样式类型：选择【CSS规则定义】对话框中的【类型】，可以定义文本的基本属性。 3.设置CSS样式类型： （1）font-family：用于设置当前样式所使用的字体； （2）font-size：用于定义文本字体的大小； （3）font-style：样式； （4）line-height：用于设置文本所在行的行高； （5）text-decoration：用于定义是否向文本添加修饰； （6）font-weight：对字体应用特定或相对的粗体量； （7）font-variant：用于设置文本的小型大写字母变量； （8）text-transform：用于指定文本中单词的大小写属性； （9）color：用于设置文本的颜色。 4.设置CSS样式背景：选择【CSS规则定义】对话框中的【背景】，可以设置网页元素的背景颜色或图像。 4.设置CSS样式背景： （1）background-color：用于设置元素的背景颜色； （2）background-image：用于设置元素的背景图像； （3）background-repeat：确定是否及如何重复背景图像； （4）background-attachment：附件，用于设置背景图像是固定在原始位置，还是随内容一起滚动； （5）background-positionx和background-positiony：用于指定背景图像相对于元素的初始位置。 5.设置CSS样式区块：选择【CSS规则定义】对话框中的【区块】，可以定义段落的间距和对齐属性。 5.设置CSS样式区块： （1）word-spacing：用于设置单词间距； （2）letter-spacing：用于设置字母或字符的间距； （3）vertical-align：指定元素的垂直对齐方式； （