css 命名

(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

- 注册:regsiter

- 搜索:search

- 功能区:shop

- 标题:title

- 加入:joinus

- 状态:status

- 按钮:btn

- 滚动:scroll

- 标签页:tab

- 文章列表:list

- 提示信息:msg

- 当前的: current

- 小技巧:tips

- 图标: icon

- 注释:note

- 指南:guild

- 服务:service

- 热点:hot

- 新闻:news

- 下载:download

- 投票:vote

- 合作伙伴:partner

- 友情链接:link

- 版权:copyright

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • html页面的CSS、DIV命名规则 CSS命名规则 头:header 内容:content/containe 尾...
    xiaoaiai阅读 1,008评论 0 1
  • 文章整理了Web前端开发中的各种CSS规范,包括文件规范、注释规范、命名规范、书写规范、测试规范等。 一、文件规范...
    二狗子没有夏天阅读 1,878评论 0 35
  • 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar ...
    yuechi阅读 219评论 0 1
  • 文件夹主要建立以下文件夹: 1、Images 存放一些网站常用的图片; 2、Css 存放一些CSS文件; 3、Fl...
    前端啊啊阅读 775评论 0 4
  • 曾以为时间可以带走一切,很多事情随着时间的流逝都会渐渐模糊,最后消失。什么也敌不过时间,不是吗? 可是,一切也只是...
    莲心一缕阅读 124评论 0 0