发新话题
打印

CSS语法手册(六)分类属性

CSS语法手册(六)分类属性


1、display  
( {2 S0 ~9 f% B/ b' X, g6 `
4 x* I* q$ r' F3 f* ]+ T功能:改变元素的显示值,可以将元素类型线上,块和清单项目相互变换。* A# {! [3 X% `' Z7 g' ~2 S
数值:) \: F) j+ E1 ^9 W/ e" D* U
none - 不显示元素3 C; Z* v% X( [5 n3 H
block - 块显示,在元素前后设置分行符
, c2 W' b" ?/ H  oinline - 删除元素前后的分行符,使其并入其它元素流中
% j5 o6 c/ D0 V' Q/ k/ k, Hlist-item - 将元素设置为清单中的一行2 }) _- x! i& z: d- O1 {6 D- _. Q& K
说明:可用 display 属性值生成插入标题和补加清单或让图形变成线上显示。   1 W, K- W1 V2 @: Q

: _& O. }9 {, p$ c2、white-space  
  C" H5 z- H# J; y% s( Y& h
! Q. S: a% X! K8 a$ I. H. B功能:控制元素內的空白。+ x7 O! ]% }. k7 D9 q6 P
数值:
* `% P) ], _2 [- Pnormal - 不改变,保持缺省值,在浏览器页面长度处换行。
3 j* i& o5 T9 \! U+ ]9 ?! j. {pre - 要求文档显示中采用源代码中的格式。5 p$ U  Y  _% E* X& F
nowarp - 不让访问者在元素內换行。  
. Q  A6 F& v# ], D# D  j# D3 h- z5 n8 Y9 k5 A1 M- a
3、list-style-type  
" Y. w+ z  G  e+ x2 j
  v9 g3 p9 ^- ?2 r) H8 f* t功能:指定清单所用的强调符或编号类型( F) K; u5 m) K: e" r
数值:' V! q$ x/ _% X; |) v' m+ }! N) Y
none - 无强调符$ t( m# z  p3 I0 [+ Q
disc - 碟形强调符(实心圆), `- c% ]  {. e# k+ i
circle - 圆形强调符(空心圆)- w9 U* A$ s  v! O" Z& J
square - 方形强调符(实心)5 m- p/ j( q% p  V( a5 ~
decimal - 十进制数强调符
( u2 [- ^  Z3 [/ Wlower-roman - 小写罗馬字强调符# k2 E% @3 r( R2 a2 j" f8 }
upper-roman - 大写罗馬字强调符/ h6 r9 h9 I# i2 b
lower-alpha - 小写字母强调符
; \! Y/ l1 a1 E; c0 vupper-alpha - 大写字母强调符
+ i! C" k) ?" w5 ^例子:
- B8 m, ]/ b3 m
8 ^3 }6 O7 n' U6 D4 H$ `
0 r* k# o! r( ~* P1 d1 ?$ V7 D9 N) A+ z& C
item1 - |+ \' b1 t; q$ D7 C" U+ {
9 @0 [- m9 Z9 Z
item2 : A$ m& x4 @% s0 P# d
: u1 i. b# r2 T" `& q3 l5 u3 Y7 q
item3
( l/ m: [( |; B; F! i) t" {* b' }! t
+ H6 \! f# Q1 `+ m# N1 `4、list-style-image  
( }4 N& o& e* J" m/ I& s# R2 ?' f0 B/ D# g! ~
功能:用于将清单中标准强调符换成所选的图形# v, P. E1 F7 @8 _: Y# d' `
数值:
6 |1 _5 `: D) V3 @6 Q# t无图形) Q+ ^( r8 Y- _# l/ x' ~
url - 图形URL地址( R: u' U9 a. ?  t+ p
例子:
* \2 U4 q% d* E1 L6 S' d5 O1 G5 w( N0 J5 Z

3 D  S9 M! {1 r  j! N( o, A, S) W0 ^) X/ t; X( }
item1 1 Z9 g+ u. e1 H4 j% n0 a
0 }& c# g$ z) n  U$ S$ A+ z+ V
item2 7 f1 F9 l7 Z/ y4 ^/ k: _
% g6 ~0 d: R3 u2 s1 x1 Q
item3
* [- T1 M% r7 L7 x% W/ z& m" o9 V/ j4 e' V! Z; l1 a. H5 U
5、list-style-position  
$ S" v8 p" V' P
8 Q9 g6 {; s. k+ G0 M功能:用于设置强调符的缩排或伸排,这个属性可以让强调符突出于清单以外或与清单项目对齐。
$ T: L' H, I2 |1 f6 ~! K( }9 W& \数值:
) D, @- R# K" }3 |% \4 Binside - 缩排,将强调符与清单项目内容左边界对齐
$ k9 G, {; t. ~) P% H6 y% Foutside - 伸排,强调符突出到清单项目内容左边界以外1 Y9 u# C% j# f- I
  6、list-style
  d! r7 L/ `1 X+ [/ O
4 r2 Z: U) p& N1 s功能:简写属性,将所有清单属性放在一条语句中。
; G3 B. `  g4 {数值:7 r. O6 G, ?! ?' R& A' W7 p
list-style-type
" h, r% M& @2 f) h+ K  Plist-style-position" i9 d3 {/ C% B  m; S
list-style-image
: s5 S0 L  x; h. f这些值的细节见各个属性部分。
; {$ J. i! q" `例子:
$ G1 m# }% S; S) \- u" q: d) d3 c2 r! z; ]+ I

& |7 F; y6 w! P, Q4 z) V6 R2 D
1 i4 K" V6 b2 Bitem1 $ ]# N4 t! u% Y$ L; n' b( `
* ]* `5 y9 {% f) ?% b7 M
item2
! d( j2 l9 m* Q9 O8 N* t/ G
0 M5 {' G9 T! i( \, p) m- uitem3



点击图标进入精品网摘收藏 欢迎大家加入网络收藏夹

TOP

发新话题