使用自定义样式
如果一个网页中的各部分内容需要使用不同的样式,或者多个网页之间需要使用不同的样式,就可以使用自定义样式(class)解决这个问题。本文介绍创建和应用自定义样式的方法。
实现方法:创建自定义样式(class)。创建好样式后,选中文档中的对象,点“CSS样式”面板上的CSS名称应用所选样式。
实例:给一个网页各行文字应用上不同的颜色。
1.没有应用样式的网页。
2.点击“CSS样式”面板右下角的“新建CSS样式”按钮。
3.在类型中选择“创建自定义样式(class)。
4.在名称中输入一个以.开头的名称。不能忽略这个小点“.”。
5.定义CSS样式。实例中定义字体为宋体,大小12像素,行高20像素,修饰无,颜色#FF6600。按“确定”按钮后,一个CSS样式就创建好了。
6.继续创建CSS样式。
7.定义CSS样式。
8.定义好在样式显示在“CSS样式”面板上。自定义样式并不直接应用在网页中。
9.选中网页中的内容,点击“CSS样式”面板上的样式名称。样式就应用到所选范围了。
10.应用“red”样式后的网页。
11.继续选择一行文本,点击一种样式名称。
12.应用不同样式后的网页。
13.也可以在标签选择器中选择一个标签,给这个标签应用样式。
为了方便在站点内反复使用自定义样式,需要把自定义样式保存为外部CSS样式表文件。