CSS中有哪些命名规则

本篇文章为大家展示了CSS中有哪些命名规则,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

常见的CSS命名参考

  (1)页面结构类

  容器:container

  页头:header

  内容:content/container

  页面主体:main

  页尾:footer

  导航:nav

  侧栏:sidebar

  栏目:column

  页面外围控制整体布局宽度:wrapper

  (2)导航类

  导航:nav

  主导航:mainnav

  子导航:subnav

  顶导航:topnav

  边导航:sidebar

  左导航:leftsidebar

  右导航:rightsidebar

  位置导航:crumb

  菜单:menu

  子菜单:submenu

  面包屑:breadcrumb(即页面所处位置导航提示)

  (3)网页内容类

  标题:title

  摘要:summary

  箭头:arrow

  商标:label

  网站标志:logo

  转角/圆角:corner

  横幅广告:banner

  栏目:column

  子菜单:subMenu

  搜索:search

  搜索框:searchBox

  登录:login

  工具条:toolbar

  下拉:drop

  标签页:tab

  当前的:current

  列表:list

  滚动:scroll

  服务:service

  提示信息:msg

  新闻:news

  小技巧:tips

  下载:download

  栏目标题:title

  热点:hot

  加入:joinus

  注册:regsiter

  指南:guide

  友情链接:friendlink

  状态:status

  版权:copyright

  按钮:btn

  合作伙伴:partner

  投票:vote

  头:header

  内容:content/container

  尾:footer

  导航:nav

  侧栏:sidebar

  栏目:column

  页面外围控制整体布局宽度:wrapper

  左右中:leftrightcenter

  登录条:loginbar

  标志:logo

  广告:banner

  页面主体:main

  热点:hot

  新闻:news

  下载:download

  子导航:subnav

  菜单:menu

  子菜单:submenu

  搜索:search

  友情链接:friendlink

  页脚:footer

  版权:copyright

  滚动:scroll

  内容:content

  标签页:tab

  文章列表:list

  提示信息:msg

  小技巧:tips

  栏目标题:title

  加入:joinus

  指南:guild

  服务:service

  注册:regsiter

  状态:status

  投票:vote

  合作伙伴:partner

(二)注释的写法:

  /*Footer*/

上述内容就是CSS中有哪些命名规则,你们学到知识或技能了吗?如果还想学到更多技能或者丰富自己的知识储备,欢迎关注行业资讯频道。