美文网首页我爱编程
CSS命名规范(规则)常用的CSS命名规则

CSS命名规范(规则)常用的CSS命名规则

作者: jrg陈咪咪sunny | 来源:发表于2018-04-14 12:00 被阅读0次

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

相关文章

  • html代码规范,chrome应用

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

  • CSS模块化

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

  • CSS命名规则

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

  • CSS命名规范(规则)常用的CSS命名规则

    头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:co...

  • css命名规则大全

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

  • css命名

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

  • CSS命名规则

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

  • 常用的css命名规则

    大概整理了一些常用的CSS命名规则:

  • CSS规范 - 命名规则

    使用类选择器,放弃ID选择器 ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS,就无法重用。 NEC特殊...

  • CSS规范 - 命名规则

    使用类选择器,放弃ID选择器 ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS,就无法重用。 NEC特殊...

网友评论

    本文标题:CSS命名规范(规则)常用的CSS命名规则

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