CSS命名规范

一、页面结构

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

容器container页头header
内容content/container页面主体main
页尾footer导航nav
侧栏sidebar栏目column
左右left rightcenter

二、导航

导航nav主导航mainbav
子导航subnav顶导航topnav
边导航sidebar左导航leftsidebar
右导航rightsidebar菜单menu
子菜单submenu标题title
摘要summary

三、功能

标志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友情链接friendlink
版权copyright

四、样式文件命名

主要的master.css模块module.css
基本共用base.css布局,版面layout.css
主题themes.css专栏columns.css
文字font.css表单forms.css
补丁mend.css打印print.css

五、注意事项

1.一律小写;

2.尽量用英文;

3.不加中杠和下划线;

4.尽量不缩写,除非一看就明白的单词.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值