zoukankan      html  css  js  c++  java
  • CSS-命名规范

    CSS命名规范(规则)常用的CSS命名规则 
      头:header 
      内容:content/container 
      尾:footer 
      导航:nav 
      侧栏:sidebar 
      栏目:column 
      页面外围控制整体佈局宽度:wrapper 
      左右中:left  right  center 
      登录条:loginbar 
      标志:logo 
      广告:banner 
      页面主体:main 
      热点:hot 
      新闻:news 
      下载:download 
      子导航:subnav 
      菜单:menu 
      子菜单:submenu 
      搜索:search 
      友情链接:friendlink 
      页脚:footer 
      版权:copyright 
      滚动:scroll 
      内容:content 
      标签:tags 
      文章列表:list 
      提示信息:msg 
      小技巧:tips 
      栏目标题:title 
      加入:joinus 
      指南:guide 
      服务:service 
      注册:regsiter 
      状态:status 
      投票:vote 
      合作伙伴:partner 
    
      注释的写法: 
      /*  Header  */ 
      内容区 
      /*  End  Header  */ 
    
      Id的命名: 
      1)页面结构 
      容器:  container 
      页头:header 
      内容:content/container 
      页面主体:main 
      页尾:footer 
      导航:nav 
      侧栏:sidebar 
      栏目:column 
      页面外围控制整体佈局宽度:wrapper 
      左右中:left  right  center 
    
      (2)导航 
      导航:nav 
      主导航:mainnav 
      子导航:subnav 
      顶导航:topnav 
      边导航:sidebar 
      左导航:leftsidebar 
      右导航:rightsidebar 
      菜单:menu 
      子菜单:submenu 
      标题:  title 
      摘要:  summary 
    
      (3)功能 
      标志: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 
      友情链接:link 
      版权:copyright 
    
      注意事项:: 
      1.一律小写; 
      2.尽量用英文; 
      3.不加中横和下划线; 
      4.尽量不缩写,除非一看就明白的单词。 
    
      CSS样式表文件命名 
      主要的  master.css 
      模块  module.css 
      基本共用  base.css 
      布局、版面  layout.css 
      主题  themes.css 
      专栏  columns.css 
      文字  font.css 
      表单  forms.css 
      补丁  mend.css 
      打印  print.css

    copy:https://www.cnblogs.com/dglxp/p/9814337.html

  • 相关阅读:
    [转]Object Tracking using OpenCV (C++/Python)(使用OpenCV进行目标跟踪)
    [转]PIL、Pillow安装使用方法
    [转]痞子衡嵌入式:飞思卡尔Kinetis开发板OpenSDA调试器那些事(上)
    如何选择开源许可证?
    年复一年
    [转]TLD目标跟踪算法
    [转]pycharm中将ui文件转换成py文件
    ps矫正倾斜的扫描件内容
    ORM增删改查
    ORM配置
  • 原文地址:https://www.cnblogs.com/liuqingxia/p/9834937.html
Copyright © 2011-2022 走看看