[文学研究]第5章 网页样式表CSS.pdfVIP

电电子子制制作作 上海海事大学经济管理学院 李 燕 liyan@ 第5章网页样式表CSS 5.1 CSS概述概述 5.5 div与与span标记标记 5.2 CSS入门例子入门例子 5.6 多重多重CSS重叠重叠 5.33 CSSCSS语法语法和选择符和选择符 5.7 CSSCSS的属性的属性 5.44 CSSCSS 样式样式 5.1 CSS概述概述 55.11.11 定义定义 55.11.22 特点特点 55.11.33 用途用途 55.11.44 历史历史 .1 定义定义 CSS ：Cascading Style Sheets 层叠样式表（简称样 式表） CSS用于增强控制 网页样式，并允许将样式信息与 网页内容分离设计的一种标记性语言。 样式 格式 ，指文字的大小、色彩及图片位置等 层叠 当HTML 文档在同时引用多个样式文件时，若样式文 件间所定义的样式产生冲突件间所定义的样式产生冲突 ，则将依据样式则将依据样式层次顺序依次层次顺序依次 处理处理。。 .2 特点特点 标记性语言标记性语言 ：：由由CSSCSS标记构成标记构成 ，用于增强控制网页样式用于增强控制网页样式 ，并并 允许将样式信息与网页内容分离的允许将样式信息与网页内容分离的一种标种标记性语言性语言。 表现语言：用来格式化网页，控制字体、布局、色彩等，用 于布局与美化网页的。 浏览器解释型语言：是一种基于web技术的结构型语言，不 需要编译,可以直接由浏览器执行。 标准的网页设计：CSS与XHTML分离设计 CSS 负责设计网页内容的样式，或表现网页内容的样式 XHTML 负责设计网页内容 CSS只改变网页样式，不改变网页内容，即不触及XHTML 标标记。 CSS对页面的样式可精确控制 ，修改样式表一个规则，网站 将立刻改变。 CSS文件是一个文本文件，必须使用.css为文件名后缀。 CSS是大小写不敏感的。 CSS是由是由W3C 的的CSS工作作组产生和维护的产生和维护的。 总结总结 只要通过简单的修改只要通过简单的修改CSSCSS文件文件，，即改变网页的即改变网页的 整体表现形式,可以减少我们在网页样式设计上的 工作量，所以CSS是每一个网页设计人员的必修课。 .3 用途用途 使页面字体变体更漂亮使页面字体变体更漂亮 ，，更容易编排更容易编排 ，，使页面效果赏使页面效果赏 心悦目 用户可以轻松地控制页面的整体风格和布局 若站点所有页面使用同一CSS文件，则只需修改这一 CSS文件，整个站点的页面都会发生变动。 5.1.4 历史 年W3CW3C正式推出了正式推出了CSS1.CSS1. 1998年W3C正式推出了CSS2. CSS2.1是W3C现在正在推荐使用的. CSS3 已问世，但CSS2仍为主流. 5.2 CSS入门例子入门例子 5.2.1 定义文字的颜色定义文字的颜色 5.2.5 定义列表样式定义列表样式 55.22.22 定义网页的背景颜色定义网页的背景颜色 55.22.66 定义鼠标样式定义鼠标样式 5.2.3 定义网页的背景图片定义网页的背景图片 5.2.7 定义边框颜色定义边框颜色 5.2.4 定义文字的对齐方式 5.2.8 入门例子 5.2.1 定义文字的颜色 未使用css技术： html head title定义文字的颜色定义文字的颜色/title /head body ppfontfont colorcolor=redredcolorcolor 就代表颜色就代表颜色, 我们使用红色我们使用红色 redred 为文字颜为文字颜 色./font/p p font c