7CSS样式表在Frontpage10中的崭新应用 # E' t, @5 X7 u4 i
+ g5 t- X0 p+ q( |6 f, O2 f) W
CSS在网页效果处理中一直比较受关注,一般情况下应用CSS到指定的网页中可以采取两种不同的方法,外部风格页与内部风格定义.
( {# \# J: H; y
3 u1 }$ |; O2 d% v$ p& A2,内部风格页解析 6 H# q5 M! x) K4 v8 P
: d: z: _5 w& Y
虽然外部风格页有着前面介绍过的不少好处,但在应用的灵活性上毕竟存在着很多缺点,比如他只能对某一范围(HTML代码,CSS选择器等)的内容进行格式.而往往有些时候我们需要的不是对同类内容作相同的格式.这时内部风格定义就显得很重要了.
9 O$ C- u9 Z r8 v, ~4 A( B) l b) ?: l
+ h6 F4 s. Z Q
"Format"-"Style"进入"样式"窗口,如图
( N* O, D/ A; O4 X+ G8 q& m) c9 |9 J T7 J W
2 F8 v% L/ i: l3 w% t) q
4 [' Y0 m4 m( n1 m
3 ^0 q% I& [! E$ W' D' A: l+ {
# Q3 i, ]: }: w' z6 f在Frontpage中,内部样式被分成两大部分:HTML Tags和Use defined styles.
1 O3 n2 i, ^! i5 v; _9 @2 R% z; a% {4 i9 O# M6 n/ S7 V& I3 ]# Y
1)HTML Tags
" X6 j9 }$ |: v |' p
$ E& @+ t7 E/ i) f2 R8 b# f
即对网页中的HTML代码进行定义的样式类型,应用以后所有使用该代码的内容都会被赋予同样的样式效果.
1 i( X, `7 w- w( e1 L! Z7 H7 S
# v7 [* L* C% L! w y8 k4 X+ f- d除了一般的HTML标记外,在这里还包括几个常用的CSS样式选择器:
. O- W0 p6 w1 o% [$ r; O
3 q: ~9 l$ y# _! ?% `8 Xa:link(对链接文本有效);a:active(激活链接有效);a:visited(已访问文本有效);a:hover(鼠标悬停状态有效).其中最后一个在大多网页中是比较常见的.包括一些知名的大型网站中.
# T& M$ Z9 Z* \6 z& R8 i
9 {& }9 ^/ u' O6 P0 T" l
2)Use defined styles
- x8 ~1 v" \; l
1 i+ a7 i' u. `相对HTML Tags ,自定义样式就显得灵活的多了,在"List"列表中选择"Use defined styles",单击右边的"New"按钮.如图
- u- h, {3 O: }1 J6 z* {
+ L6 A3 f: q4 H0 t$ j4 _+ E7 A' t, U W* | a+ A
l8 ^' ^- p5 _# g; t8 y
- |9 [6 m! R3 K8 |9 h5 T7 d
; w% V0 u& T3 U2 y5 a
需要注意的是这里的CSS样式有两种不同的类型,即Class属性和ID属性.
( C4 a- K% q U. n% g, T( ]! n/ q0 o1 u) m9 f
建立Class类时,在"Name"输入框键入以"."开头的名字,比如格式颜色为红色的样式.
3 }3 g/ {' H* y; q: T' b0 s3 B [# m% x4 t% K
建立ID类时,在"Name"输入框键入以"#"号开头的名字.
. s; S% o9 a7 Z1 G& ~
9 b* r' K4 D0 u8 d v
然后单击下面的"Format"按钮,下拉菜单如图
. r( h- \8 y* k% O5 K. V- u; m+ e3 J5 t# W6 ?
! x- Z9 V8 E3 z! V+ z$ t
. K) V3 l; y3 P7 ]0 ?6 H, \
. x8 R9 j1 u( F; j# n7 _; p |7 C) O' z$ `: X
选中不同的菜单项,分别进行设置即可.注意所有已建立的自定义样式会自动在"样式"窗口左边的列表中显示出来,单击"Modify"按钮可以进行再编辑.
) I; @9 R' C7 e# y. ~
+ B G X& X7 O2 \8 g% M3 v
那么如何对不同的选定对象应用内部风格定义呢?很简单,在网页中通过鼠标选中待格式对象,然后调出样式窗口,在列表中选定要使用的样式名称,单击OK就完成了.
