美文网首页
CSS命名规范

CSS命名规范

作者: 卓小生 | 来源:发表于2018-04-22 00:13 被阅读0次

CSS class 命名

页头: header
登录条: login-bar
标志: logo
侧栏: side-bar
广告: banner
导航: nav
子导航: sub-nav
菜单: menu
子菜单: sub-menu
搜索: search
滚动: scroll
页面主体: main
内容: content
标签页: tab
文章列表: list
提示信息: msg
小技巧: tips
栏目标题: title
友情链接: friend-link
页脚: footer
加入: joinus
指南: guild
服务: service
热点: hot
新闻: news
下载: download
注册: register
状态: status
按钮: btn
投票: vote
合作伙伴: partner
版权: copyright

CSS id 的命名

外套: wrap
主导航: main-nav
子导航: sub-nav
页脚: footer
整个页面: content
页眉: header
页脚: footer
商标: label
标题: title
主导航: main-nav(global-nav)
顶导航: topnav
边导航: sidebar
左导航: leftside-bar
右导航:rightside-bar
旗志: logo
标语: banner
菜单内容1: menu-content
菜单容量: menu-container
子菜单: submenu
边导航图标: sidebar-icon
注释: note
面包屑: breadcrumb(即页面所处位置导航提示)
容器: container
内容: content
搜索: search
登陆: login
功能区: shop(如购物车,收银台)
当前的: current

样式文件命名

主要的: master.css
布局版面: layout.css
专栏: columns.css
文字: font.css
打印样式: print.css
主题: themes.css

相关文章

  • [知识点滴]Div+CSS命名规范大全

    Div+CSS命名规范(前端web开发命名规范)Div+CSS命名规范(一)窗体头:header内容:conten...

  • 入门13 CSS综合

    CSS编码规范 命名规范:语义化标签优先;基于功能命名、基于内容命名、基于表现命名;简略、明了、无后患 书写规范:...

  • 前端一些编程规范

    编程规范 命名规范 HTML + CSS 命名规范 img 标签四要素 为图像指定 height 和 width ...

  • web前端经验分享

    CSS技巧 解决css样式污染方案 命名约定 BEM命名规范 使用CSS Modules css实现新手引导效果 ...

  • CSS模块化

    css命名规范 常用的css命名规则 头:header 内容:content/container 尾:footer...

  • html代码规范,chrome应用

    &html,css入门 基础学习 &代码规范 点这里 CSS命名规则 常用的CSS命名规则 头:header 内容...

  • 项目开发规范参考

    现有项目的开发规范文档 目录 命名规则文件命名 HTML规范 CSS规范 JS规范变量申明简写代码性能优化注释规范...

  • 前端需要掌握的知识

    CSS处理器: SassCSS命名规范: SMACSS ,Object Oriented ,CSS Atomic...

  • css命名规范

    面向属性命名,减少语义化命名;可参考张鑫旭的文章《我是如何对网站CSS进行架构的》

  • CSS命名规范

    CSS class 命名 页头: header登录条: login-bar标志: logo侧栏: side-bar...

网友评论

      本文标题:CSS命名规范

      本文链接:https://www.haomeiwen.com/subject/xvqqlftx.html