css命名规则

一、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

二、CSS命名规则

页面结构

1.容器: container

2.页头:header

3.内容:content/container

4.页面主体:main

5.页尾:footer

6.导航:nav

7.侧栏:sidebar

8.栏目:column

9.页面外围控制整体佈局宽度:wrapper

10.左右中:left right center

导航

1.导航:nav

2.主导航:mainnav

3.子导航:subnav

4.顶导航:topnav

5.边导航:sidebar

6.左导航:leftsidebar

7.右导航:rightsidebar

8.菜单:menu

9.子菜单:submenu

10.标题: title

11.摘要: summary

功能

1.标志:logo

2.广告:banner

3.登录条:loginbar

4.登陆:login

5.注册:register

6.搜索:search

7.加入:joinus

8.状态:status

9.按钮:btn

10.滚动:scroll

11.列表:list

12.当前的: current

13.提示:tips

14.图标: icon

15.注释:note

16.指南:guild

17.服务:service

18.热点:hot

19.新闻:news

20.下载:download

21.投票:vote

22.合作伙伴:partner

23.友情链接:link

24.版权:copyright

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar ...
    yuechi阅读 1,562评论 0 1
  • 转自css命名规则,有修改。 1.常用CSS样式命名 头:header内容:content/container尾:...
    hanyuntao阅读 4,086评论 0 8
  • 头:header内容:content/container尾:footer导航:nav侧栏:sidebar栏目:co...
    书写人生吖阅读 1,558评论 0 0
  • 在湖边逗留了太久 忘记了海鲜面和咸菜的味道 蜘蛛从没吃过大脸鸡排
    租了五颗星阅读 1,841评论 2 0
  • 小。 很小。 非常小。 也许这就是我对二实验的初印象了吧 可是虽然操场很小 但有的地方真的让我眼前一亮 刚来到教室...
    猫三岁_阅读 3,226评论 0 1

友情链接更多精彩内容