C#的学习的文档.pptVIP

3、外部样式表 外部样式表是把样式表保存为一个扩展名为“.css”的样式表文件，此文件与HTML文档相分离。要使用外部样式表，需将其链接到网页中。 调用外部样式表的两种方法： 导入外部样式表 链接外部样式表 1.1 网页的基本概念 四、CSS选择器 1、标记选择器。 标记选择器仅描述HTML标记，不考虑该标记在文档结构中的位置。 2、类选择器。 类选择器必须以英文半角的“.”和选择器名构成。选择器名以字母开头，后可跟数字。class属性用于指定标记属于何种样式的类。 1.1 网页的基本概念 3、ID选择器。 id属性用于定义一个标记的独特样式。一个ID选择符的指定要有指示符“#”在名字前面，其值必须是以字母开头，后可接数字或连字符。 4、特殊选择器（伪类）。 伪类用来指定一个其相关的选择符的状态，是CSS已经定义好的，不能像类选择器一样随意定义类名称。 1.1 网页的基本概念 五、CSS常用属性 1、字体常用属性 font-family设置字体（arial、serif、宋体…） font-size设置文字大小（small、medium、large…） font-style设置文字样式（normal、italic…） font-weight设置文字的粗细（normal、bold、lighter、100、200…） 1.1 网页的基本概念 2、文本常用属性 word-spacing单词缩进（取值） letter-spacing字母缩进（取值） line-height设置行高，即两行文字之间的距离（正常、取值） text-decoration设置文字的修饰（none、underline、overline、line-through…） text-indent设置文本的缩进（取值） text-align设置文字的水平对齐方式（left、center、right、justify…） vertical-align设置文字的垂直对齐方式（top、bottom、baseline…） display设置文本的显示方式（block、table…） 1.1 网页的基本概念 3、背景常用属性 background-color设置背景颜色（#RRGGBB、颜色英文名称） background-image设置背景图像（url） background-repeat设置背景图像是否重复：repeat：既横向重复，又竖向重复repeat-x：横向重复repeat-y：竖向重复no-repeat：不重复 background-attachment设置背景图像是否跟随网页内容的滚动而滚动：scroll：跟随网页内容一起滚动fixed：当网页内容滚动时，背景图像固定不动 background-position设置背景在网页中的位置（left、top、right、bottom…） 1.1 网页的基本概念 4、CSS盒子模式。 （1） CSS盒子模式所具备的属性： 内容（content） 填充（padding） 边框（border） 边界（margin） 1.1 网页的基本概念 （2）盒子模式由外至里依次是： Margin：边距，用来设置一个元素所占空间的边缘到相邻元素之间的距离。 Border：边框，用来设置一个网页元素边界线的粗细。 Padding：填充，用来设置元素内容到元素边框之间的距离。 Content：网页内容，如文本、图片等。 1.1 网页的基本概念 HTML超文本标记语言已成为各种浏览器的通用标准，并且独立于操作系统平台。HTML不是程序语言，它只是一种标记语言，或文本语言。HTML是所有浏览器都能识别的语言，是浏览器生成网页的基础。无论采用哪种技术、哪种语言，最终都以HTML的形式输出。 CSS（Cascading Style Sheet）级联样式单主要是用来进行网页风格设计的。通过编写样式表，可以统一地控制HTML中各标记的显示属性，从而对网页的风格、显示、排版等进行方便、快捷地控制。 1.2 总结 通过本章的学习，学生应掌握HTML语言中常见标记的使用，对它们进行相应的属性设置，并且能够按照页面设计要求编写HTML文档。学会在HTML网页中引用CSS样式表的几种方法，并且能熟练地使用它格式化页面外观。同时，也为后续章节的学习打下良好的基础。 1.2 总结 第1章网页制作基础知识 通过本章的学习，了解HTML在网页制作中的重要作用和意义，掌握一些主要标记的含义、用法及属性设置。能够灵活地配合CSS有效地对页面的布局、字体、颜色、背景和其他效果实现更加精确的控制。 教学目标 HTML文档的组成和