打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
一些DIV+CSS 命名规范

制作页面时最头痛的事莫过于对这些样式表文件命名了,很多朋友也学都象我一样直接用拼音,呵,好处就是几乎不用思考,不过也为后来的维护增添了一些麻烦,特别是和同事协同工作时。

下面是最近在网上搜罗到的一些CSS命名方法,希望能帮助到设计师朋友们.

1.CSS ID 的命名
外 套:  wrap
主导航:  mainnav
子导航:  subnav
页 脚:  footet
整个页面: content
页 眉:  header
页 脚:  footer
商 标:  label
标 题:  title
主导航:  mainbav(globalnav)
顶导航:  topnav
边导航:  sidebar
左导航:  leftsidebar
右导航:  rightsidebar
旗 志:  logo
标 语:  banner
菜单内容1: menu1 content
菜单容量: menu container
子菜单:  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

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
CSS 块的命名
phpcms v9模板制作教程(四)
网站建设中合理命名DIV+CSS使网站更利于SEO
DIV CSS规范命名集合
CSS ID 的命名规范
谈DIV+CSS样式表命名的规则方法
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服