第03章 层叠样式表.pptVIP

Web技术原理及应用Web系统与技术 烟台大学计算机学院 陈智育 内容 3.1 简介 3.2 样式表的层次 3.3 样式说明格式 3.4 选择器格式 3.5 特性值的格式 3.6-3.11 字体,列表,颜色,对齐,盒模型,图片 3.12 span标签和div标签 3.1 简介 CSS - Cascading Style Sheets CSS嵌入在HTML文档中，用于控制和改变HTML文档的外观显示[presentation] 样式表可为一个或多个文档指定一致的标准样式 样式表可分离内容和表示,简化文档的编写和维护 CSS1规范-1996 CSS2规范-1998 CSS3规范-正在制订 样式通过指定标签特性值来对标签产生作用 层叠：样式可在三个层次上定义，层叠确定效果 3.2 样式表的层次 样式表3个层次 行内样式：仅对一个标签起作用。与样式表目的相悖，不推荐使用。 文档样式表：对一个文档整体起作用 外部样式表：可对多个文档起作用，推荐使用。 样式作用顺序 行内，文档，外部，浏览器默认 3.2 样式表的层次 行内样式在标签内由属性style指定 文档样式表在文档头部(head)用style定义 外部样式表作为一个单独文件存在，独立于文档，存放位置灵活 为文本文件, 后缀css, MINE类型为text/css 文档头部的link指定外部样式表文件 文档头部的style使用@i