zoukankan      html  css  js  c++  java
  • CSS 命名简则

    一、页面结构

      容器:container

      页头:header

      内容:content/container

      页面主体:main

      页尾:footer

      导航:nav

      侧栏:sidebar

      栏目:column

      页面外围控制整体布局宽度:wrapper

      左右中:left right center

    二、导航

      导航:nav

      主导航:mainnav

      子导航:subnav

      顶导航:topnav

      边导航:sidebar

      左导航:leftsidebar

      右导航:rightsidebar

      菜单:menu

      子菜单:submenu

      标题:title

      摘要:summary

    三、功能

      标志:logo

      广告:banner

      登录:login

      登录条:loginbar

      注册:register

      搜索:search

      功能区:shop

      标题:title

      加入:joinus

      状态:status

      按钮:btn

      滚动:scroll

      标签页:tab

      文章列表:list

      提示信息:msg

      当前的:current

      小技巧:tips

      图标:icon

      注释:note

      指南:guild

      服务:service

      热点:hot

      新闻:news

      下载:download

      投票:vote

      合作伙伴:partner

      友情链接:friendlink

      版权:copyright

      商标:label

    四、颜色

      推荐使用颜色的名称或16进制命名:

      .red{color:red;}

      .f0f0f0{color:#f0f0f0;}

    五、字体大小

      推荐使用“font+字体大小”命名:

      .font12px{font-size:12px;}

      .font9pt{font-size:9pt;}

    六、对齐样式

      推荐使用对齐目标的英文名称命名:

      .left{float:left;}

      .bottom{float:bottom;}

    七、标题栏样式

      使用“类别+功能”的方式命名:

      .barnews{}

      .barproduct{}

    八、样式文件命名

      主要的  master.css

      模块  module.css

      基本共用  base.css

      框架、版面  layout.css

      主题  themes.css

      专栏  columns.css

      文字  font.css

      表单  forms.css

      补丁  mend.css

      打印  print.css

  • 相关阅读:
    Js定义一个表单并提交
    jQuery插件3种类型
    Jquery.extend()和jQuery.fn.extend(object);
    maven 依赖调解
    DOS 查看端口占用,Kill线程
    git 笔记
    mongodb添加登陆验证
    react 使用fortawesome字体图标
    redux小结
    MDM-Object.fn 一些实践与理解
  • 原文地址:https://www.cnblogs.com/zhouwanqiu/p/8890353.html
Copyright © 2011-2022 走看看