分享

css命名 规范及简写

 昵称18349714 2014-09-28
1通用命名规则
a:所有ID或class与数字连接用"_"
b:所有ID或Class连接用骆驼规则;如mainNav
c:页面主体框架布局命名:Lay_l  ,  Lay_r
d:栏目布局容器命名:col_1  col_2
e:栏目标题块命名:tit   标签用<h>
f:页面所有图片区域用:pic_1  pic_2
g:页面文本列表区域全部采用:Lst_1  Lst_n
h:页面按钮区域采用:btn_1
i:页面广告区域采用:ad_1
2主体框架命名
header (hd)
main (main)
footer (ft)
3通用命名规则
主体:main
外层:wrap
功能条:funcBar
主导航:mainNav
子导航:subNav
版权:copyright
注释:note
面包屑:breadcrumb
容器:container
内容:content
当前状态:current
侧栏:sidebar
菜单:menu
子菜单:submenu
滚动:scroll
提示技巧:tips
指南:guide
状态:status
投票:vote
4 简写:

bd : body
hd : header
fnt : font
nav : nav
tb : table
lnk : link
mr : margin-right
ml : margin-left
pd : padding
pr : padding-right
pl : padding-left
lst : list
fl : float:left
fr : float:right
col : 栏目
con : content
frm : form
inf : information
lg : logo
inp : input
ft : footer
btn : button
more: more
tit : title
spr : 空行
t : top;
b : bottom
mid : 中间
l : left
r : right
bdr : border
w : width
h : height
msg : message
reg : register(注册)





    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多