CSS命名

作者: 卓小生 | 来源:发表于2017-07-21 17:15 被阅读0次

命名:根据每块元素的主题 或者功能、在页面上的位置

写包含样式的时候能找到这个元素并且不影响其他元素即可

页头: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

外 套:wrap
版 权:copyRight
商 标:label
标 题:title
顶导航:topnav
边导航:sidebar
左导航:leftsideBar
右导航:rightsideBar
标 语:banner
菜单内容1: menu1Content
菜单容量: menuContainer
子菜单:  submenu
边导航图标:sidebarIcon
注释:   note
面包屑:breadCrumb(即页面所处位置导航提示)
容器:container
内容:content
搜索:search
登陆:login
功能区:  shop(如购物车,收银台)
当前:current

相关文章

  • web前端经验分享

    CSS技巧 解决css样式污染方案 命名约定 BEM命名规范 使用CSS Modules css实现新手引导效果 ...

  • 网页编写逻辑

    网页编写 网站logo 设置css reset命名rest.css文件 设置common css命名common....

  • html代码规范,chrome应用

    &html,css入门 基础学习 &代码规范 点这里 CSS命名规则 常用的CSS命名规则 头:header 内容...

  • [知识点滴]Div+CSS命名规范大全

    Div+CSS命名规范(前端web开发命名规范)Div+CSS命名规范(一)窗体头:header内容:conten...

  • css命名

    html页面的CSS、DIV命名规则 CSS命名规则 头:header 内容:content/containe 尾...

  • CSS模块化

    css命名规范 常用的css命名规则 头:header 内容:content/container 尾:footer...

  • CSS命名规则

    CSS命名规则: CSS+DIV的命名规则: 登录条:loginBar 标志:logo 侧栏:sideBar 广告...

  • CSS命名规则

    CSS命名规则: (一)网页设计中常用的CSS命名规则: 头:header 内容:content/containe...

  • CSS样式命名+CSS文件命名

    一.网页外层重要部分CSS样式命名 外套 wrap ------------------用于最外层头部 heade...

  • css命名规则大全

    转自css命名规则,有修改。 1.常用CSS样式命名 头:header内容:content/container尾:...

网友评论

      本文标题:CSS命名

      本文链接:https://www.haomeiwen.com/subject/wkvekxtx.html