css命名定义

著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:F2Eest
链接:http://www.zhihu.com/question/19586885/answer/12480097
来源:知乎

头:header
内容:content/containe
尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center
登录条:loginbar
标志:logo
广告:banner
页面主体:main
热点:hot
新闻:news
下载:download
子导航:subnav
菜单:menu
子菜单:submenu
搜索:search
友情链接:friendlink
页脚:footer
版权:copyright
滚动:scroll
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
加入:joinus
指南:guild
服务:service
注册:regsiter
状态:status
投票:vote
合作伙伴:partner

XHTML文件中id的命名

(1)页面结构
容器: container
页头:header
内容:content/container
页面主体:main
页尾:footer
导航:nav
侧栏:sidebar
栏目:column
页面外围控制整体布局宽度:wrapper
左右中:left right center (2)导航
导航:nav
主导航:mainbav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
菜单:menu
子菜单:submenu
标题: title
摘要: summary (3)功能
标志: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
友情链接:link
版权:copyright
著作权归作者所有。
商业转载请联系作者获得授权,非商业转载请注明出处。
作者:词晖
链接:http://www.zhihu.com/question/19586885/answer/48933504
来源:知乎

CSS书写顺序

  1.位置属性(position, top, right, z-index, display, float等)

  2.大小(width, height, padding, margin)

  3.文字系列(font, line-height, letter-spacing, color- text-align等)

  4.背景(background, border等)

  5.其他(animation, transition等)

 
举例:
第一层参考上面的语义定义,第2,3,4,5层,按照第一层的定义,通过“-”+标签语义,最多不能超过三层。
.search{}
.search .search-logo {}
.search .search-hot {}

.nav{}
.nav .nav-list{}
.nav .nav-icon{}
.nav li.hover .nav-title{}

 

你可能感兴趣的:(css命名定义)