使用CSS样式面板创建自定义样式
1.打开CSS样式面板
在菜单栏中选择“Window"→“CSSStyles"敕令(或单击微型启动面板上的图标),打开css样式面板,如图所示。
2.应用CSS样式面板创立样式
单击图标(或单击菜单按钮上,从弹出的菜单中选择"NewStyle"敕令),打开"NewStyle(新建样式)”对话框,如图所示。
创立自界说样式
为图10.1所示的网页文件 的正文设置用户自界说的CSS样式 my-css-1,该样式可以在全部HTML中被挪用,操作步调如下:
(1)将新样式定名为my-css-1
在图10.3所示"NewStyle"对话框中的“Name”选项中输入样式名称.my-css-1”。在"Define"选项组中选择"ThisDocumentOnly"单选项,单击"OK"按钮。
(2)界说"Type(文字)"面板
在弹出的"StyleDefinition(样式界说)”对话框的"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(文本装潢):设置文本的润饰后果。分离有:underline(下划线)、overline(J顶划线)、linethrough(删除线)、blink(闪耀烁)和none(无润饰)五种。
(3) 界说Block(文本块)面板
在图10.4所示对话框的"Category"列表框中,选择"Block"项,涌现"Block"设置面板,设置mycss_1样式的属性,如图10.5所示,单击“OK"按钮。在如图10.2所示的CSS样式面板大将涌现新界说的样式my-css_1.
Block(文本块)面板各选项的寄义如下:
①WordSpacing(单词间距):设置单词之间的距离(仅限于英文)。
②LetterSpacing(字符间距):设置字母之间的距离。中文字间距用此设置
③VerticalAlignment(垂直对齐):设置文本的纵向对齐方法。可设置文本与图像之间的对齐方法baseline:图像的底端与当前行文本对齐,middle:图像的中位线与当前行文本对齐,text-top:图像的顶端与当前行文本对齐。还可设置字符的上、下标文字,sub:下标,super:上标。如数学表达式X2+Y=Z中的2必需设置成文字上标的格局,此时可经由过程选择"Super"项设置。
④TextAlign(文本对齐):设置文本对齐方法,包含left(左对齐),right(右对齐),center(居中对齐)、justify(主动调剂)。
⑤TextIndent(文本缩进):设置文本首行缩进的距离。正值创立缩进,负值创立凸出,固然此属性不带星号"*”,但有时也不在文档窗口显示,其显示取决于阅读器。当属性设置为2ems时,首行正好缩进两个汉字。
留意
"erts',是一个很有效的单元,个中em表现一个字符单元,所以2ems表现两个字符单元。这对于中文文字的处置特殊有效,因为中文的正文首行平日缩进两个字符,假如以"ems'为单元,网站扶植就不必担忧因转变了字体、字号等造成格局上的凌乱。