关于CSS

CSS (Cascading Style Sheet). 中文大概叫样式表吧.
为了便于了解CSS,我们先看一个网页样例:CSS网页样例1,从例1可见CSS样式改变了文字的普通样式,下面我们介绍有关CSS样式的具体操作方法。

 

一、CSS样式文件的创建

1、创建新样式

选择右边的CSS窗口的CSS样式选项卡,单击CSS样式面板右上角的下三角形按钮,从弹出的菜单中选择“新建(N)…”,出现下图的对话框:

样式名称一般以点开头,如果没加点,系统会自动加上。

“定义在”的选项如果选择第1项,则建立一个专门的CSS文件存放定义的CSS样式,如果选择第2项则CSS样式不另存文件,而是存储在该网页文档中。

例如选择第2项,并且定义了.sb(上标)和.xb(下标)两个CSS样式,则可以利用CSS样式写出下面的方程式:

a2+b2=c2

2H2+O2=2H2O

浏览页面时可以看到上下标的效果。

2、编辑和删除现有样式

如果要对现有的样式进行编辑或删除,操作方法如下:

选中需要编辑的CSS样式,单击下方的“编辑样式…”按钮;

选中需要删除的CSS样式,单击下方的“删除CSS规则”按钮。

 

二、将文档的样式导出为CSS样式文件

1、导出文档中的样式为CSS样式文件

选择“文件->导出->层出CSS样式”命令,

或选择“文本->CSS样式->导出(X)…”,可导出该文档中的CSS样式到CSS样式文本中。

2、运用CSS样式文件

选择“文本->CSS样式->附加样式表”

或CSS窗口下方的附加样式表按钮,会弹出下面的窗口。

通过浏览选取CSS文件,以链接或导入的方式可以使用已有的CSS样式文件中的样式。

三、几个CSS样式实例

用CSS控制网页中文字定位

CSS文字背景处理

CSS控制图片大小

回主页