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

     功能 
    标志:logo 
    广告:banner 
    登陆:login 
    登录条:loginbar 
    注册:regsiter 
    搜索:search 
    功能区:shop 
    标题:title 
    加入:joinus 
    状态:status 
    按钮:btn 
    滚动:scroll 
    标签页:tab 
    文章列表:list 
    提示信息:msg 
    当前的: current 
    小技巧:tips 
    图标: icon 
    注释:note 
    指南:guild 
    服务:service 
    热点:hot 
    新闻:news 
    下载:download 
    投票:vote 
    合作伙伴:partner 
    友情链接:link 
    版权:copyright 


    页面结构 
    容器: container

    页头:header 
    内容:content/container 
    页面主体:main 
    页尾:footer 
    导航:nav 
    侧栏:sidebar 
    栏目:column 
    页面外围控制整体布局宽度:wrapper 
    左右中:left right center 

    导航 
    导航:nav 
    主导航:mainbav 
    子导航:subnav 
    顶导航:topnav 
    边导航:sidebar 
    左导航:leftsidebar 
    右导航:rightsidebar 
    菜单:menu 
    子菜单:submenu 
    标题: title 
    摘要: summary 

    注意事项 
    1.一律小写; 
    2.尽量用英文; 
    3.不加中杠和下划线; 
    4.尽量不缩写,除非一看就明白的单词. 
    主要的 master.css 
    模块 module.css 
    基本共用 base.css 
    布局,版面 layout.css 
    主题 themes.css 
    专栏 columns.css 
    文字 font.css 
    表单 forms.css 
    补丁 mend.css 
    打印 print.css

    最近,在学习css和html,class一多就开始昏了,在网上找了一点css的命名规则,整理了一下以后参考

  • 相关阅读:
    【pytest】(六) pytest中fixture的使用
    【pytest】(七) pytest的一些你爱不释手的插件
    【pytest】(五) pytest中的断言
    【pytest】(四) pytest的一些其他的运行用法
    本两周学习总结
    本两周学习总结
    本两周总结
    本两周学习总结
    本周学习总结(原生)
    本周学习总结(原生)
  • 原文地址:https://www.cnblogs.com/linsx/p/2494463.html
Copyright © 2011-2022 走看看