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

  • 相关阅读:
    [BFS]luogu P2536 [AHOI2005]病毒检测
    AtCoder Regular Contest 116 总结
    NOI online 2021 #1 总结
    博客半复活
    vue2 Bus兄弟组件间传值问题:重复触发和首次未触发
    ant design中table组件的filter,如何在外部控制
    ant design vue 日期排序
    什么是断点续传?前端如何实现文件的断点续传
    主vue前端面试题补充
    P4248 [AHOI2013]差异 题解
  • 原文地址:https://www.cnblogs.com/nameless-212/p/6413927.html
Copyright © 2011-2022 走看看