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

  • 相关阅读:
    Open vSwitch使用案例扩展实验
    hdoj-1233-还是畅通工程
    DS实验题 Floyd最短路径 & Prim最小生成树
    DS实验题 Missile
    Mininet实验 基于Mininet实现BGP路径挟持攻击实验
    Gift for GS5
    Bellman-Ford算法
    pox目录中的交换机mac地址学习模块 l2_multi源码
    Mininet实验 使用l2_multi模块寻找最短路径实验
    Ubuntu安装Flash
  • 原文地址:https://www.cnblogs.com/zhouwanqiu/p/8890353.html
Copyright © 2011-2022 走看看