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

    常用的CSS命名规则:
    页头:header  如:#header{属性:属性值;}或.header{属性:属性值;}
    登录条:loginBar
    标志:logo
    侧栏:sideBar
    广告:banner
    导航:nav
    子导航:subNav
    菜单:menu
    子菜单:subMenu
    搜索:search
    滚动:scroll
    页面主体:main
    内容:content
    标签页:tab
    文章列表:list
    提示信息:msg
    小技巧:tips
    栏目标题:title
    加入:joinus
    指南:guild
    服务:service
    热点:hot
    新闻:news
    下载:download
    注册:regsiter
    状态:status
    按钮:btn
    投票:vote
    合作伙伴:partner
    友情链接:friendLink
    页脚:footer
    版权:copyRight
    id的命名:
    (1)页面结构
    容器: container 页头:header 内容:content/container
    页面主体:main 页尾:footer 导航:nav
    侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper
    左右中:left right center
    (2)导航
    导航:nav 主导航:mainbav 子导航:subnav
    顶导航:topnav 边导航:sidebar 左导航:leftsidebar
    右导航:rightsidebar 菜单:menu 子菜单:submenu
    标题: title 摘要: summary
    (3)功能
    标志: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
    CSS样式文件命名如下:

    主要的 master.css
    布局,版面 layout.css
    专栏 columns.css
    文字 font.css
    打印样式 print.css
    主题 themes.css
  • 相关阅读:
    矩阵快速幂
    快速排序
    用闭包来实现命令模式
    闭包和面向对象设计
    闭包及其作用
    阿里笔试
    如何在节点上添加样式
    getComputedStyle与currentStyle获取样式(style/class)
    今日头条笔试
    牛客网JavaScript编程规范
  • 原文地址:https://www.cnblogs.com/zlix/p/6268524.html
Copyright © 2011-2022 走看看