登录模块加载中...
会员投稿 投稿指南 今天是:
打印本页 | 关闭窗口 | 双击滚屏 您的位置首页>>网页制作学习园地>>网页制作>>制作技巧文集>>DIV+CSS布局:常用类/ID命名规范
DIV+CSS布局:常用类/ID命名规范
来源: ‖ 作者: ‖ 点击: ‖ 时间:14-06-06 16:39:26 ‖ 【 】‖ 我要投稿

一.DIV+CSS布局文件命名规范

全局样式:global.css;
框架布局:layout.css;
字体样式:font.css;
链接样式:link.css;
打印样式:print.css;
二.常用类/ID命名规范

页 眉:header
内 容:content
容 器:container
页 脚:footer
版 权:copyright 
导 航:menu
菜单:menu    子菜单:submenu
导航:nav   子导航:subnav 
标 志:logo
广告:banner
标 题:title
侧边栏:sidebar
图 标:Icon
注 释:note
搜 索:search
登 录:login 登录条:loginbar
链 接:link
信息框:manage
滚动:scroll 
页面主体:main 
内容:content 
标签页:tab 
章列表:list  
信息:msg 
小技巧:tips 
标题:title 
指南:guild 
服务:service   
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
友情链接:friendlink
页脚:footer
版权:copyright
提交:submit
文本框:textbox
统计:count

以上结构可以组合使用,例如:左列标题lefttitle;底部导航footernav 书写原则是: 1.一律小写; 2.尽量用英文; 3.不加中杠和下划线; 4.尽量不缩写,除非一看就明白的单词。

常用类的命名应尽量以常见英文单词为准,做到通俗易懂,并在适当的地方加以注释。对于二级类/ID命名,则采用组合书写的模式,后一个单词的首字母应大写:诸如“搜索框”则应命名为
“searchInput”、“搜索图标”命名这“searchIcon”、“搜索按钮”命名为“searchBtn

加入收藏:  加入收藏夹  | 发送给好友:  发送给好友
责任编辑:admin
  • 上一篇:决定页面设计品质的5个细节
  • 下一篇:无
  • 相关文章列表
    请文明参与讨论,禁止漫骂攻击。  
    网友评论