/* 这是某个模块 */ .m-nav {}/* 模块容器 */ .m-nav li, .m-nav a {}/* 先共性 优化组合 */ .m-nav li {}/* 后个性 语义化标签选择器 */ .m-nav a {}/* 后个性中的共性 按结构顺序 */ .m-nav a.a1 {}/* 后个性中的个性 */ .m-nav a.a2 {}/* 后个性中的个性 */ .m-nav .s-crt a {}/* 交互状态变化 */ .m-nav .s-crt a.a1 {} .m-nav .s-crt a.a2 {} .m-nav .btn {}/* 典型后代选择器 */ .m-nav .btn-1 {}/* 典型后代选择器扩展 */ .m-nav .btn-dis {}/* 典型后代选择器扩展(状态) */ .m-nav .btn.s-dis {}/* 作用同上,请二选一(如果可以不兼容IE6时使用) */ .m-nav .m-sch {}/* 控制内部其他模块位置 */ .m-nav .u-sel {}/* 控制内部其他元件位置 */ .m-nav-1 {}/* 模块扩展 */ .m-nav-1 li {} .m-nav-dis {}/* 模块扩展(状态) */ .m-nav.s-dis {}/* 作用同上,请二选一(如果可以不兼容IE6时使用) */
语义 | 命名 | 简写 |
---|---|---|
盒容器 | body/wrap | body/wrap |
头部 | header | hd |
内容 | content | ct |
主栏 | main | mn |
侧栏 | sidecol | sdc |
尾部 | footer | ft |
语义 | 命名 | 简写 |
---|---|---|
导航 | nav | nav |
子导航 | subnav | snav |
面包屑 | crumb | crm |
菜单 | menu | menu |
选项卡 | tab | tab |
标题区 | head/title | hd/tt |
内容区 | body/content | bd/ct |
列表 | list | lst |
表格 | table | tb |
表单 | form | fm |
热点 | hot | hot |
排行 | top | top |
登录 | login | log |
标志 | logo | logo |
广告 | advertise | ad |
搜索 | search | sch |
幻灯 | slide | sld |
提示 | tips | tips |
帮助 | help | help |
新闻 | news | news |
下载 | download | dld |
注册 | regist | reg |
投票 | vote | vote |
版权 | copyright | cprt |
结果 | result | rst |
标题 | title | tt |
按钮 | button | btn |
输入 | input | ipt |
语义 | 命名 | 简写 |
---|---|---|
浮动清除 | clearboth | cb |
向左浮动 | floatleft | fl |
向右浮动 | floatright | fr |
内联块级 | inlineblock | ib |
文本居中 | textaligncenter | tac |
文本居右 | textalignright | tar |
文本居左 | textalignleft | tal |
垂直居中 | verticalalignmiddle | vam |
溢出隐藏 | overflowhidden | oh |
完全消失 | displaynone | dn |
字体大小 | fontsize | fs |
字体粗细 | fontweight | fw |
语义 | 命名 | 简写 |
---|---|---|
上外边距10px | mt10 | mt10 |
右外边距10px | mr10 | mr10 |
下外边距10px | mb10 | mb10 |
左外边距10px | ml10 | ml10 |
上内边距10px | pt10 | pt10 |
右内边距10px | pr10 | pr10 |
下内边距10px | pb10 | pb10 |
左内边距10px | pl10 | pl10 |
语义 | 命名 | 简写 |
---|---|---|
字体颜色 | fontcolor | fc |
背景 | background | bg |
背景颜色 | backgroundcolor | bgc |
背景图片 | backgroundimage | bgi |
背景定位 | backgroundposition | bgp |
边框颜色 | bordercolor | bdc |
语义 | 命名 | 简写 |
---|---|---|
选中 | selected | sel |
当前 | current | crt |
显示 | show | show |
隐藏 | hide | hide |
打开 | open | open |
关闭 | close | close |
出错 | error | err |
不可用 | disabled | dis |