div+css样式表的id和class常用命名规则

开着越野放牛 · *发表于* 2013-6-14 21:01:28

div+css样式表的id的常用命名规则如下表所示:

页头& P* Z% R1 O. V- g" ]	header 9 H+ K9 L( K. }# A0 w	登录条 " E. l8 W' N: w X% {	loginBar1 c( j7 A8 S, c/ D	标志 w) a8 ?+ v( a) c) z	logo / \|' `( V7 `% u" y
侧栏 ^% U1 h: e6 S9 q$ D; F$ \|; f* R	sideBar $ A8 h" W0 a4 z5 U; I! ?3 i: f; \|- O	广告5 \1 h; Q1 r% ~/ {; }3 K	Banner 5 }/ b# ~: _' y @& ^! E Q	导航/ V9 }+ z% W( V8 ^# S% {" M. p	nav* o% ?1 s# g6 {3 v
子导航 + X9 H# H& E6 s& \|4 K1 K6 k* a	subNav ' Y/ q6 D& l4 k	菜单 2 v& K- H- k9 @5 x	menu. \|; w: {* z; N7 Q	子菜单/ X v' N y) c+ n. I# \	subMenu3 K2 a/ ]) Q5 M2 C* `* H
搜索 1 F" i0 P. o9 ? m5 \) V	search $ J! o$ V" g' N4 T G	滚动 7 D7 i" r3 e$ o8 r! m	scroll8 h4 J. J$ Q6 R! M# a. s( w	页面主体: M2 G5 W0 j2 ^7 H	main ; O7 I/ ~; \# t6 X0 Q6 q' H7 R
内容2 {9 j( \|7 s9 s, }	content, O7 [* K* c) [7 [& ]9 J	标签页 6 [# U% a+ A' `. i, U' \7 ~	tab. m8 E. U5 H' z, O [	文章列表 U1 e* k& n! o	list 8 A) `& n% B3 x$ d3 ?
提示信息: W4 `5 s. ~9 M	msg 9 ~& E6 d) k- L+ \$ \2 k' a	小技巧 ! B* B4 w$ W. W# R, j7 e/ J; Q	tips 8 s% Q* B6 X; g+ q5 M! W	栏目标题# M* W1 z8 G; W	title8 R1 D3 p- C. _/ _# R
加入" n `: o3 m3 K; @, C	joinus + t$ X1 C \|& k. j) [& e% i	指南# W+ X1 e# W2 `2 G3 V) @) D" ^7 _& d	guild g6 }. ^6 G# o1 z' p0 }- n	服务: G' x4 }7 q$ C. H" }& l	service4 V! ~5 V" i- u- H5 V5 B
热点$ ~2 q- w& ~- T; {; [/ e. u! V+ X. N	hot) v: s5 c: K9 L! ?! h6 G- `+ i0 Y	新闻8 I$ T1 q* H. b) t$ z9 C	news I% Z( [ J7 J' b; x8 O: `	下载0 ^5 I1 K0 A8 w# H6 {) }# t	download B {: P9 y3 _! d; c
注册- D3 P& \6 X) q4 V: X/ M0 n' o& s	regsiter3 X$ a9 \|6 M! o9 d% `; _$ M	状态 : Y" e$ ^# ~& h* e8 z1 e5 t" ~	status 9 p8 K+ r4 K4 A0 N0 s6 H/ t	按钮% y4 W0 Z; K6 I2 n3 t	btn: e& }) {. S* B9 L0 M5 s
投票! ^* y- F8 U9 U, x5 w' m/ J	vote- H! m) m- Y' ^$ R	合作伙伴2 y; P, F8 V! N9 B! K& g8 B	partner1 M* l: N& I3 w9 R4 \	友情链接 ' O: d' R$ B; N. x) E! p8 ?	friendLink, o( S5 W0 \8 P- }, G
页脚 5 I/ c) h9 N3 B$ A8 D& Z	footer 2 e/ B% ?5 ^' \5 C& n! ^	版权5 m0 X& b# B$ F	copyRight $ t! a8 T% r+ n1 n1 j( U	0 t4 W6 \|$ K+ J2 P. ^( ?	$ q- @& f: X7 P, N$ D6 B$ s/ q

div+css样式表的class的常用命名规则如下表所示:

外　套 : V4 R, p& F7 I. W3 L) {2 T	wrap 9 N2 E1 b, ~# l. X	主导航 2 Q+ V4 y. T5 R	mainNav ; l2 k P4 T7 P( R- m! a! q0 H	子导航 }6 a! m1 a4 a6 b5 g' y	subnav & t0 r. N6 q) b7 {
页　脚 # j/ ^' Q3 X6 Y0 u, }8 X, N s	footer4 V7 l4 @1 u( [1 S( Q	整个页面 " t& m- H/ b2 I9 t) J# g' v	content& ?; A) u: O( B( J4 l8 f	页　眉( x9 @6 I- p Z- \% k; A5 a	header ; P6 n% W5 \|2 W/ L
商　标 4 O0 `, q& U( V& @% l1 z	label B5 u/ h$ m; w( {/ N2 M	标　题 8 `) ^/ h& N1 z2 f	title! Q; S# ~# `- G* u) Y5 c& u	主导航 4 T+ {2 ^# K3 {0 q6 r2 C' U	mainNav 8 m! T, }% ]: \|
边导航( {& Q1 f9 t& U0 R	sidebar / f3 T$ Z' t# I, o( b" e6 B	左导航# m% I5 o5 g7 y0 K1 w* q	leftsideBar; \3 G; t7 K7 U3 `, X& w% ?8 @	右导航 / j: W% i ~$ d9 {% r7 v9 x	rightsideBar ) E* U" g4 R9 n7 b3 A
旗　志 % S5 O/ s6 ]9 H% O# ~	logo 2 p) O/ Z+ _9 w9 @; }, W" Z' G" N9 g% x	标　语7 {0 j* S4 q s$ t# J6 H3 c	banner $ V0 f/ b( V/ O* l h- ]8 w	菜单内容9 E/ P+ N+ x# t8 D- U x, f" W	menu1Content p$ u2 O0 O9 a2 l, G
菜单容量' @3 l) k F$ \& _: n! C	menuContainer$ d5 o+ t* @' y3 q* ]) e	子菜单$ o- V4 P! K; E4 @: ~	submenu 7 I, C8 h4 m7 A* H5 s* M	边导航图标 c3 n7 B& L5 ^+ I* I# S' u	sidebarIcon' E+ B! a6 q; w$ E4 R+ N9 h
注释 : W. O8 `, L1 I M) M: {& Z; V	note ) ~2 u0 H- m0 u/ X3 R: H	面包屑) q( {1 Q3 a: R" U3 X5 A1 h	breadCrumb& q* f; B8 g/ `. w% P {	容器: J' c# R% k+ L% m	container' ]' @5 I* z. t) y+ o# M3 f; _ m$ M
内容# t: m9 k2 I$ m. q	content Q" {/ q) W t3 V O1 ^: y- T7 [	搜索 2 _/ e% t- x4 R& D9 c	search 2 @% B/ O3 `0 i0 Y$ k$ \4 x	登陆 5 T6 \|- b0 V+ o5 p. V	login 8 Z/ u. l9 R8 x. t
功能区+ \|. I- X( A- H0 e' z3 G' C4 {; V4 B	shop . ~- r3 `" }' z0 Y5 o	当前的6 o& b8 H& l' @8 \|- x* s	current " X# \/ H4 m1 E& F: a! u* M	; J) D3 Q" Z! [: F: \	5 _+ i. b; m3 @2 u( o+ ?

inhidgehila · *发表于* 2014-10-1 10:27:26

我有家的感觉~~你知道吗

ofbnbaiinfnh · *发表于* 2014-10-1 10:42:17

貌似我没看懂那~~~

kwjvtwzx · *发表于* 2014-10-1 10:35:31

这日子没法过了....

ofbnbaiinfnh · *发表于* 2014-10-1 11:09:42

怎么就没人拜我为偶像那??

efiew · *发表于* 2014-10-1 11:06:09

什么啊

贾修4762 · *发表于* 2014-10-25 12:53:34

好帖要顶,楼主的头像还是不错滴

登录/注册后可看大图

亮凌庚 · *发表于* 2014-10-31 15:45:06

只是本着“看贴（虽然看不懂）回贴，利人利己的中华民族优秀传统美德”，顺便赚点积分。

ffuip · *发表于* 2014-10-31 15:15:02

嘻嘻~` 要是只看你的话~`~`` 很容易让人家以为你也跟偶们一样是天使类~`（偷笑中````````

亮凌庚 · *发表于* 2014-10-31 15:34:33

估计你是没见识过~` 呵呵

inhidgehila · *发表于* 2014-10-31 16:04:00

呵呵我可不敢~~~~

ofbnbaiinfnh · *发表于* 2014-10-31 15:24:05

呵呵没事怎么有点被讽刺的味道啊

Acropozelan · *发表于* 2014-12-16 09:16:06

怎么这么跟别人不一样类~

Acropozelan · *发表于* 2014-12-16 09:17:54

说嘛1~~~想说什么就说什么嘛~~

wwdu926a · *发表于* 2014-12-16 09:15:33

哈哈 ok ~~~

div+css样式表的id和class常用命名规则

猜你喜欢

回复|共 26 个

回复

浏览过的版块

快捷导航