要想做出精美的网页一定要用到 CSS。层叠样式表 (CSS) 是一系列格式规则,它们控制网页内容的外观。CSS 样式使您可以控制许多仅使用 HTML 无法控制的属性。CSS 的重要性就不多说了,要说清楚 CSS 可以写成一本大书。本文的目的,是想通过一篇文章,把握 CSS 最基本最重要的应用。
第一部分: 要实现的目标: 把一个网页的文字变成好看的 12 象素 (px) 大小。
实现方法: 通过“重定义 HTML”标签,定义 td(td 是单元格的标签)的字体大小为 12 象素(px)。因为整个网页内容放在表格中的,也是放在单元格中的,所以,可能通过重定义单元格样式,改变所有放在单元格里的内容。当然,重定义表格标签 table,也可以实现同样的效果。
简明步骤: 打开样式面板→在类型中选择“重定义 HTML”标签→选择要重定义的标签,例如 td→给所选标签 (例如 td) 定义 CSS→一个定义了标签的网页就做好了。
1. 打开一个网页文档。
2. 打开样式面板。
3. 点击“新建 CSS 样式“按钮。
4. 在“类型”中,选择“重定义 HTML”标签。
5. 选择 td 标签。Td 标签代表单元格。
6. 选择分类中的“类型”。
7. 设置字体: 选择字体,假如没有需要的字体,可以编辑字体列表,见第二部分。
大小: 设置字体大小,好看的中文字大小有 12 象素 (px) 和 9 点数 (pt) 两种,两者效果差不多。
行高: 行高是一行文字与另一行文字之间的距离,为了方便阅读,行高设置大点吧。可以设置在 15 像素到 25 像素之间。实例中使用 20 像素。
修饰: 对于普通文本,选择无。对于链接,可以选择下划线,上划线加下划线,无等几种。
颜色: 黑色最适合阅读,其次就是灰色,白色。链接默认的蓝色,颜色太深,假如整个页面都是链接,使用蓝色根本起不到分辨的作用,并且十分难看。建议页面不要使用默认的蓝色!
8. 按“确定”按钮后,一个应用了 CSS 的网页就做好了。
第二部分: 编辑字体列表。
1. 单击字体栏的下拉箭头,打开编辑字体列表。
2. 在编辑字体列表窗口中,点击加号按钮。
3. 选择一种字体,如宋体,按左箭头按钮。
4. 继续添加字体,选择一种字体,如 Arial,按箭头按钮添加。
说明: 一个字体列表中有多种字体,比如“方正,宋体,黑体,华文中宋”,访问者电脑从最开头的方正字体开始执行,假如没有对应的方正字体,就执行宋体,没有宋体,就执行黑体,假如列表中的字体都没有,就用系统默认的字体替代。