7CSS样式表在Frontpage10中的崭新应用 - C) G6 J E- A: A/ h
" X+ A2 U. [' k: sCSS在网页效果处理中一直比较受关注,一般情况下应用CSS到指定的网页中可以采取两种不同的方法,外部风格页与内部风格定义.
* g+ g) N, w/ @, w3 F6 c! q. M
N0 f `' d$ q; D g- {5 X0 N1,外部风格页 ) W2 t) y2 U6 o
) ^) [0 m+ \$ I7 J
所谓的外部风格页也就是独立开来的扩展名为.CSS的文件,编辑CSS文件可以在任意的文本处理程序中进行,不过毕竟不少作网页的新手对CSS源代码的编写还是不太清楚.
- s9 N- E4 o: n
4 j, u# q! D" L {- u) O$ f或是出于上面的种种考虑吧,在新的Frontpage10中提供了CSS文件的建立模板,你可以根据需要定制自己感兴趣的模板样式.
- {# y4 k) b. E2 o9 i
6 }- H, J2 S1 n3 H% @7 U
"View"-"Task pane",调出任务面板,单击上面的"Page Temples"项,在随后的"网页模板"窗口中选中"Style Sheets"标签,如图
1 j& a% s2 k7 ~; l5 s9 j9 o
8 B& a3 l1 z0 H2 ^' J8 d t# `# X) w7 m
( u+ C& y6 b8 J% X5 X8 U9 q , d( A3 }0 d) q/ w; ^1 G
. R- s1 a" ?- f# Q列表中提供了12种不同的样式,选中后,单击OK,即可查看具体的CSS代码信息.建立新的CSS文件,请选中最上的"Normal Style Sheet"项,然后进入编辑窗口.关于更多的CSS代码基础知识这里就不说了,大家可以查看一下相关的资料.
7 ?9 f H% y! F; X2 c: x7 |6 t
* }6 h! b& W4 Z- y3 \不过鉴于直接编写的困难,Frontpage10在"样式编辑"窗口中提供了一个手动设定的工具按钮,如图
: N9 n% k( F( H7 F7 C' Q4 _( G# c$ y# r7 _( Q. `8 H
8 Z1 U c- ?; X7 D* t
: t6 K; k) Y1 d/ f* H# g, H
; `- _2 V5 q D I8 e
* Y3 M9 L1 |2 B% ~ B& S单击"A Style"按钮,进入"Style"窗口,开始设置不同类型的CSS样式,完成后所有设定项目会自动转化成代码信息,并按先后顺序显示出来.具体的将在内部风格定义中讲到.
" e: l {5 a/ j4 y' E' x/ A: h+ ~/ x3 q* H
完成CSS文件的创建以后,下一步当然就是用它来格式化网页了.
3 N. V! c, }) b9 v
7 n* F. x/ p+ Y进入待格式网页中,使用菜单"Format'-"Style Sheet Link"打开链接窗口,如图
+ `0 q3 {' X1 D2 L" ]0 i" }- q# q4 I3 N1 Y
% N# t" m% V) B$ |+ k/ f Z6 f
|3 `: V2 p9 A% r p4 w o 0 K3 @# [. }5 _5 O8 O2 s3 ?
; Q& t; z% C$ q* M# E o+ |
其中"All pages"单选钮可以将样式文件应用到网站所有网页中,而"Selected pages"只在当前编辑网页中使用,一般我们多选择后者.
5 Y9 Y7 J( l- ^6 l* ~3 U1 M
; ?, l8 \+ V: x: o) m单击"Add",在网站根目录下找到目标CSS文件的位置.当然你也可以为同一个网页添加多个CSS文件对象,不过这时你需要注意他们的前后位置,Frontpage会以优先覆盖的方式来处理其间出现冲突的格式类型.
7 z4 \# d% m& D/ u; u3 a2 t
6 Y5 W$ t; N7 T6 l, r" ?OK,你会发现当前网页已经按照CSS文件里的设置自动格式化好了.是不是很方便.其实使用外部风格页来格式网页内容,除了可以统一诸多同类页的显示效果外,还有一个重要的原因就是避免了代码编写及浏览显示时的重复性,编写时提高了工作效率,而浏览时又加快了速度.
% M6 d$ B$ I- T! C
' |0 R: v# M e/ c6 U外部风格页的引入代码也是非常简单的,类似下面的形式:
0 |9 U# k. H* {7 y/ I% D* o
& w0 N3 ], U1 M* i$ t+ e/ I) ?link rel="stylesheet" type="text/css" href="link.css"
