欢迎访问 生活随笔!

ag凯发k8国际

当前位置: ag凯发k8国际 > 前端技术 > css >内容正文

css

css 命名简则 -ag凯发k8国际

发布时间:2024/10/12 css 33 豆豆
ag凯发k8国际 收集整理的这篇文章主要介绍了 css 命名简则 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

一、页面结构

  容器:container

  页头:header

  内容:content/container

  页面主体:main

  页尾:footer

  导航:nav

  侧栏:sidebar

  栏目:column

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

  左右中:left right center

二、导航

  导航:nav

  主导航:mainnav

  子导航:subnav

  顶导航:topnav

  边导航:sidebar

  左导航:leftsidebar

  右导航:rightsidebar

  菜单:menu

  子菜单:submenu

  标题:title

  摘要:summary

三、功能

  标志: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

  ag凯发k8国际的合作伙伴:partner

  ag凯发k8国际的友情链接:friendlink

  ag凯发k8国际的版权:ag凯发k8国际 copyright

  商标:label

四、颜色

  推荐使用颜色的名称或16进制命名:

  .red{color:red;}

  .f0f0f0{color:#f0f0f0;}

五、字体大小

  推荐使用“font 字体大小”命名:

  .font12px{font-size:12px;}

  .font9pt{font-size:9pt;}

六、对齐样式

  推荐使用对齐目标的英文名称命名:

  .left{float:left;}

  .bottom{float:bottom;}

七、标题栏样式

  使用“类别 功能”的方式命名:

  .barnews{}

  .barproduct{}

八、样式文件命名

  主要的  master.css

  模块  module.css

  基本共用  base.css

  框架、版面  layout.css

  主题  themes.css

  专栏  columns.css

  文字  font.css

  表单  forms.css

  补丁  mend.css

  打印  print.css

转载于:https://www.cnblogs.com/zhouwanqiu/p/8890353.html

总结

以上是ag凯发k8国际为你收集整理的css 命名简则的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得ag凯发k8国际网站内容还不错,欢迎将ag凯发k8国际推荐给好友。

网站地图