样 式 表 全 接 触(5)
五、样式表的引入
- z' D6 j# j7 d N7 s" M$ p [. r: e# b
了解了CSS的定义方式,下面将具体介绍如何在HTML中引入CSS的各种方法。
* M) l* Q* J! k* u, [) ^) o% F; \2 U5 \* i5 ^" C
1、使用LINK 链接外部样式表单;例如: 7 F) l# G$ q5 ~2 [
" {7 L6 i! u/ H6 ?HEAD
) }/ a# _* ?4 V7 W) s3 a* `! T: J' Z# n' N8 b4 y$ n$ A' Z
TITLEMy Stylesheet/TITLE
& G) A" t# D5 Z6 Q
: G% V0 q) d* G" M6 Y8 q7 CLINK REL=stylesheet HREF="mystyles.css" TYPE="text/css"
1 O, q5 a6 u, u% d+ ?. u% J
" V* [* {# b8 Q- T/HEAD 7 H2 q& |; d1 ?8 g, N+ M
: R" D: Y% P- Z u. x应用CSS文件的一个最大好处就是,你可以在每个HTML文件中引用这个文件,从而可使整个站点的HMTL文件在风格上保持一致,避免重复的CSS属性设置;另外,当你遇上改版或作某些重大调整要对风格进行修改时,可直接修改这个CSS文件,当然了,HTML文件一直引用最近更新的样式单,而不必每个每个HTML文件进行整,你说是不是挺方便的呀!特别提醒一下,如果你想建立自己的网站,这方面不可忽视哟,如果在建站之初没有网站风格的统一规划并形成CSS文件,以后内容一多,想调整一下风格会累死你的。 6 g5 G( W% t- d3 K
. }+ L/ G. _0 Z3 g 2、把定义语句放在HEAD和BODY标签之间,这种风格定义产生作用的范围也只局限于本文件,其格式如下(套用上边的CSS) % P& ?) t' _6 X: M# f) w( k
8 B) j3 ]8 H& I* VStyle Type="text/css" ' K% l ~5 q3 S ^) Q& q
8 u1 U( Z1 [+ V7 z% B# k: u !--
! \# F5 U4 \ v* g. b) M
9 a. c9 \4 K! z; h; ]6 { td{ color: green; font-size: 15px; font-family: Arial }
) }6 ?( z5 K0 z# @3 |( [9 g& ]$ Y8 v9 ]" D1 p
--
* E4 K2 S7 R6 ?' Y' o- H; i+ F \/ J- V! _2 i0 \; t
/Style 4 {( Z$ o3 K8 v- m. Q
9 d' C7 Y- A( U5 Q
3、使用CSS"@import"导入样式表单;例如:
" n8 A8 `& P; E8 I8 h# H/ d7 S- _6 v/ l2 i
STYLE TYPE="text/css"
2 R( u/ a' t0 b; i! A
, H& Z" { y& J# z# M4 _2 g!--
* W! V6 N7 A6 z4 T) u& e$ }3 `5 Z5 C' z
* K# W$ c2 a$ t% U@import url(mystyles.css); & u2 h3 |, n% }3 g8 ]( a9 A& u
( Q+ ^/ m9 q4 F0 h& w. f& e-- 1 _" D( x' W, T6 `# y# {
/ T8 d: g$ E) X: `
/STYLE
3 D% s8 O- O: G; L! d; J' b* V4 x' _) k! D$ U$ o; E0 ~: @% _
4、在BODY内部元素中使用"STYLE"标记来定义;例如:
2 h4 {3 j [8 v3 h, ~ q
/ [' g1 b% T2 |9 qp style="color: red; font-size: 20px; font-family: Arial"我的样式表/p 0 z3 g& Z, A, D' {1 ]
$ H; J7 y$ b. A$ s9 E( F- ~9 v8 i
5、直接插入式
: J! v: f* j, d# _) N' |5 M! I% e' d1 v1 ?( Z8 a
直接插入式很简单,只是在每个HTML标志后书写CSS属性就可以了。这种方式很直接,如我们想规定一个Table标志中的字为红色,字体大小为10pt,则可书写如下:
h, }1 O' p8 U
5 D4 r, ^9 a+ r: A% E Table style="color:red;font-size:10pt" ' p9 H3 C7 ^8 u
! l8 p& @3 L* a. V6 c8 N' {
这种方式主要用于对具体的标志做具体的调整,其作用的范围只限于本标志。
点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹