运用CSS样式面板创立自界说样式

1.翻开css样式面板
在菜单栏中选择“window"→“css styles"号令(或单击微型启动面板上的图标)，翻开css样式面板，如图所示。
2.运用css样式面板创立样式
单击图标(或单击菜单按钮上，从弹出的菜单中选择"new style"号令)，翻开"new style (新建样式)”对话框，如图所示。
创立自界说样式
为图10.1所示的网页文件 的正文配置用户自界说的ｃｓｓ样式 my-css-1，该样式可以在整个html中被挪用，操纵步调以下:
(1) 将新样式定名为my-css-1
在图10.3所示"new style" 对话框中的“name”选项中输入样式名称.my-css-1”。在"define"选项组中选择 "this document only" 单选项，单击"ok"按钮。

(2) 界说"type(文字)"面板
在弹出的"style definition(样式界说)”对话框的"category" 列表框中，选择"-type"项，泛起"type"配置面板，配置my-css-1样式的各类属性，如图10.4所示。
"type (文字)"面板各选项的寄义以下:
(1)font(字体):为样式配置字体。
②size(字号):配置字体大小。可以经由过程选择数字和单元来指定字体大小，也能够选择相对于的字体大小。字体大小的单元有pixels(像素)、points(磅)、in(英寸)、cm(厘米)、%(百分比)等。

③style(样式):指定字体样式，有normal(一般)、italic(斜体)和oblique(歪斜)三种，后两种无明明区分。

④line(行高):配置文本的行间距。中选择 value时，可以输入准确的数值，并选择适量的单元。

⑤weight(加粗):配置文本加粗的水平。默许为oral(一般)，加粗水平为400，bold(粗体)为700。
⑥variant(字体变形):配置字体的变形，如小型大写字体。但并不是一切字体都有变形。(中文字体没用)。
⑦case(大小写):配置文本的大小写g合用于英文字体)。别离有:capitalize(首字母大写)uppercase(全部大写)、lowercase(全部小写)

⑧color(颜色):配置文本的颜色
⑨decoration(文本装饰):配置文本的修饰成效。别离有:under line(下划线)、overline(j顶划线)、line through(删除线)、blink(闪灼烁)和none(无修饰)五种。

(3) 界说block(文本块)面板
在图10.4所示对话框的"category"列表框中，选择"block" 项，泛起"block"配置面板，配置mycss_1样式的属性，如图10.5所示，单击“ok" 按钮。在如图10.2所示的css样式面板大将泛起新界说的样式my-css_1.
block(文本块)面板各选项的寄义以下:
① word spacing(单词间距):配置单词之间的间隔(仅限于英文)。
② letter spacing(字符间距):配置字母之间的间隔。中文字间距用此配置
③ vertical alignment(垂直对齐):配置文本的纵向对齐体式格局。可配置文本与 图象之间的对齐体式格局 baseline:图象的底端与 当前行文本对齐，middle:图象的中位线与当前行文本对齐，text-top:图象的顶端与当前行文本对齐。还可配置字符的上、下标文字，sub:下标，super: 上标。如数学表达式x2+y=z中的2必需配置成文字上标的格局，此时可经由过程选择"super"项配置。
④ text align(文本对齐):配置文本对齐体式格局，包括left(左对齐)，right(右对齐)，center(居中对齐)、justify(自动调整)。
⑤ text indent(文本缩进):配置文本首行缩进的间隔。正值创立缩进，负值创立凸出，尽管此属性不带星号"*”，但有时也不在文档窗口显示，其显示取决于阅读器。当属性配置为2ems时，首行正好缩进两个汉字。

注重
"erts'，是一个颇有效的单元，此中em暗示一个字符单元，以是2ems 暗示两个字符单元。这对付中文文字的处置出格有效，由于中文的正文首行常规缩进两个字符，若是以"ems'为单元，网站制作就没必要担忧因改动了字体、字号等形成格局上的紊乱。