设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

规范使用DIV+CSS命名规则 增强优化功效

发表日期:2008-12-17 作者来源:派谷网络 浏览次数:0

页头:header

登录条:loginBar

标志:logo

侧栏:sideBar

广告:banner

导航:nav

子导航:subNav

菜单:menu

子菜单:subMenu

搜索:search

滚动:scroll

页面主体:main

内容:content

标签页:tab

文章列表:list

提示信息:msg

小技巧:tips

栏目标题:title

加入:joinus

指南:guild

服务:service

热点:hot

新闻:news

下载:download

注册:regsiter

状态:status

按钮:btn

投票:vote

合作伙伴:partner

友情链接:friendLink

页脚:footer

版权:copyRight

1.CSS ID 的命名

外 套:  wrap

主导航:  mainNav

子导航:  subnav

页 脚:  footer

整个页面: content

页 眉:  header

页 脚:  footer

商 标:  label

标 题:  title

主导航:  mainNav(globalNav)

顶导航:  topnav

边导航:  sidebar

左导航:  leftsideBar

右导航:  rightsideBar

旗 志:  logo

标 语:  banner

菜单内容1: menu1Content

菜单容量: menuContainer

子菜单:  submenu

边导航图标:sidebarIcon

注释:   note

面包屑:  breadCrumb(即页面所处位置导航提示)

容器:   container

内容:   content

搜索:   search

登陆:   login

功能区:  shop(如购物车,收银台)

当前的   current

2.另外在编辑样式表时可用的注释可这样写:

<– Footer –>

内容区

<– End Footer –>

3.样式文件命名

主要的 master.css

布局,版面 layout.css

专栏 columns.css

文字 font.css

打印样式 print.css

主题 themes.css

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

缂冩垹鐝張宥呭閸c劎娈戠紒瀛樺Б缁狅紕鎮�...

缂冩垹鐝張宥呭閸c劎娈戠紒瀛樺Б缁狅紕鎮婇弰顖溾€樻穱婵堢秹缁旀瑧菙鐎规哎鈧礁鐣ㄩ崗銊b偓渚€鐝弫鍫g箥鐞涘瞼娈戦崗鎶芥暛瀹搞儰缍�...

閺冦儲婀¢敍锟�2025-4-3

缂冩垹鐝弫鐗堝祦鎼存挸鐣ㄩ崗銊ф畱鐢瓕顫嗘繛锟�...

缂冩垹鐝弫鐗堝祦鎼存挸鐣ㄩ崗銊╂桨娑撳娼冩径姘鳖潚鐢瓕顫嗘繛浣藉剨閿涘矁绻栨禍娑樷枆閼充礁褰查懗钘夘嚤閼峰瓨鏆熼幑顔界闂囧眰鈧拷...

閺冦儲婀¢敍锟�2025-4-3

缂冩垹鐝弫鐗堝祦鎼存挾娈戠€瑰鍙忕拋鎹愵吀闂傦拷...

缂冩垹鐝弫鐗堝祦鎼存挸鐡ㄩ崒銊ф絻婢堆囧櫤闁插秷顩﹂惃鍕殶閹诡噯绱濇俊鍌滄暏閹磋渹淇婇幁顖樷偓浣锋唉閺勬捁顔囪ぐ鏇樷偓浣风瑹閸斺剝鏆�...

閺冦儲婀¢敍锟�2025-4-3

缂冩垿銆夐崚鏈电稊鐢摜鏁ゅ銉ュ徔閸滃本濡ч張锟�...

缂冩垿銆夐崚鏈电稊濞戝寮烽崚鏉款樋娑擃亞骞嗛懞鍌︾礉娴犮儰绗呮稉杞扮稑娴犲绮涚敮鍝ユ暏閻ㄥ嫬浼愰崗宄版嫲閹垛偓閺堫垽绱扮敮鍝ユ暏瀹革拷...

閺冦儲婀¢敍锟�2025-4-2

缂冩垹鐝拋鎹愵吀閼规彃鍍甸幖顓㈠帳閸樼喓鎮�...

缂冩垹鐝拋鎹愵吀娑擃厾娈戦懝鎻掑兊閹碱參鍘ら崢鐔烘倞濞戝寮锋径姘嚋閺傚綊娼伴敍灞芥値閻炲棜绻嶉悽銊ㄧ箹娴滄稑甯悶鍡楀讲娴犮儱鍨�...

閺冦儲婀¢敍锟�2025-4-2

网站建设解决方案
缂冩垹鐝紒瀛樺Б鐟欙絽鍠呴弬瑙勵攳 娴间椒绗熼梻銊﹀煕缂冩垹鐝梿鍡欏閸栨牞袙閸愯櫕鏌熷锟� 閽€銉╂敘閸ㄥ缍夌粩娆捫掗崘铏煙濡楋拷 閸忔槒鈧線娅岀悰灞肩瑹缂冩垹鐝楦款啎鐟欙絽鍠呴弬瑙勵攳 閸栧娅岀拠濠冨缂冩垹鐝楦款啎鐟欙絽鍠呴弬瑙勵攳 閹靛婧€閺佹壆鐖滅悰灞肩瑹缂冩垹鐝楦款啎閺傝顢� 婢舵牞閿ら崗顒€寰冪純鎴犵彲瀵ら缚顔曠憴锝呭枀閺傝顢� 闁叉垼鐎虹純鎴犵彲瀵ら缚顔曠憴锝呭枀閺傝顢� 鐞涘奔绗熼崡蹇庣窗缁崵缍夌粩娆忕紦鐠佹崘袙閸愯櫕鏌熷锟� 閸濅胶澧濈€规ḿ缍夌純鎴犵彲瀵ら缚顔曢弬瑙勵攳