2021前端最新DIV+CSS规范命名大全集合

内容 content ---------------用于网页中部主体

底部 footer -----------------用于底部

三、DIV+CSS命名参考表： - TOP

以下为CSS样式命名与CSS文件命名参考表，DIV CSS命名集合：

| CSS样式命名 | 说明 |

| — | — |

| 网页公共命名 | 网页公共命名 |

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

| #container或#content | 容器,用于最外层 |

| #layout | 布局 |

| #head, #header | 页头部分 |

| #foot, #footer | 页脚部分 |

| #nav | 主导航 |

| #subnav | 二级导航 |

| #menu | 菜单 |

| #submenu | 子菜单 |

| #sideBar | 侧栏 |

| #sidebar_a, #sidebar_b | 左边栏或右边栏 |

| #main | 页面主体 |

| #tag | 标签 |

| #msg #message | 提示信息 |

| #tips | 小技巧 |

| #vote | 投票 |

| #friendlink/#homelink | 友情连接 |

| #title | 标题 |

| #summary | 摘要 |

| #loginbar | 登录条 |

| #searchInput | 搜索输入框 |

| #hot | 热门热点 |

| #search | 搜索 |

| #search_output | 搜索输出和搜索结果相似 |

| #searchBar | 搜索条 |

| #search_results | 搜索结果 |

| #copyright | 版权信息 |

| #branding | 商标 |

| #logo | 网站LOGO标志 |

| #siteinfo | 网站信息 |

| #siteinfoLegal | 法律声明 |

| #siteinfoCredits | 信誉 |

| #joinus | 加入我们 |

| #partner | 合作伙伴 |

| #service | 服务 |

| #regsiter | 注册 |

| arr/arrow | 箭头 |

| #guild | 指南 |

| #sitemap | 网站地图 |

| #list | 列表 |

| #homepage | 首页 |

| #subpage | 二级页面子页面 |

| #tool, #toolbar | 工具条 |

| #drop | 下拉 |

| #dorpmenu | 下拉菜单 |

| #status | 状态 |

| #scroll | 滚动 |

| .tab | 标签页 |

| .left .right .center | 居左、中、右 |

| .news | 新闻 |

| .download | 下载 |

| .banner | 广告条(顶部广告条) |

| ----------------------------------------- | ----------------------------------------- |

| 电子贸易相关 | 电子贸易相关 |

| .products | 产品 |

| .products_prices | 产品价格 |

| .products_description | 产品描述 |

| .products_review | 产品评论 |

| .editor_review | 编辑评论 |

| .news_release | 最新产品 |

| .publisher | 生产商 |

| .screenshot | 缩略图 |

| .faqs | 常见问题 |

| .keyword | 关键词 |

| .blog | 博客 |

| .forum | 论坛 |

| ----------------------------------------- | ----------------------------------------- |

| CSS文件命名 | 说明 |

| master.css,style.css | 主要的 |

| module.css | 模块 |

| base.css | 基本共用 |

| layout.css | 布局，版面 |

| themes.css、 | 主题 |

| columns.css | 专栏 |

| font.css | 文字、字体 |

| forms.css | 表单 |

算法刷题

大厂面试还是很注重算法题的，尤其是字节跳动，算法是问的比较多的，关于算法，推荐《LeetCode》和《算法的乐趣》，这两本我也有电子版，字节跳动、阿里、美团等大厂面试题（含答案+解析）、学习笔记、Xmind思维导图均可以分享给大家学习。

写在最后

最后，对所以做Java的朋友提几点建议，也是我的个人心得：

1. 疯狂编程

2. 学习效果可视化

3. 写博客

4. 阅读优秀代码

5. 心态调整