CSS编写规范
六、常用CSS选择符命名参考
|
导航 |
nav |
页头 |
header |
|
主导航 |
mainnav |
页面主体 |
main |
|
顶导航 |
topnav |
内容 |
content |
|
子导航 |
subnav |
页脚 |
footer |
|
菜单 |
menu |
版权 |
copyright |
|
子菜单 |
submenu |
登陆 |
login |
|
标志 |
logo |
侧栏 |
sidebar |
|
广告 |
banner |
搜索 |
search |
|
滚动 |
scroll |
标签页 |
tab |
|
小技巧 |
tips |
合作伙伴 |
partner |
|
加入 |
joinus |
标题 |
title |
|
注册 |
regsiter |
指南 |
gUIld |
|
新闻 |
news |
下载 |
download |
|
按钮 |
button |
状态 |
status |
|
服务 |
service |
投票 |
vote |
|
注释 |
note |
友情链接 |
friendlink |
|
提示信息 |
msg |
注意：命名方式使用“类别_功能”的方式（.bar_news{} .bar_product{}）。
七、 DIV+CSS页面的布局
Table布局由于代码冗余已经过时，所以HTML页面普遍采用代码简洁Div+CSS的布局，HTML页面大体可分为top、main和bottom，在main中又可以为left和right，这些CSS的名必须是有意义的名字。如下面代码：
|
<body> <div class="body"> <div class="top"> </div> <div class="main"> <div class="left"> </div> <div class="right"> </div> </div> <div class="bottom"> </div> </div> </body> |
目前table主要是用来展现数据表，反正在布局中尽量少用table。
