code前端网关于前端设计网站框架的 CSS 命名约定的快速说明
在创建前端网站框架时，DIV 或 CSS 标签名称是否有固定标准？有的朋友想到哪里就写什么，有的朋友有自己标准的命名特点，有的朋友遵循标准。因为在团队中工作时，有标准化的标准来促进协作和阅读非常重要。老蒋今天突然想到了这个问题。主要原因是在编辑页面时，他看到客户的CSS标签名称太随意。
因此，您在与自己以及其他同事和朋友合作时需要遵守纪律，以显得更加专业。这里我们收集整理了一些标准化的CSS命名标准并记录下来。
一、常用命名
页面、中断、布局、页眉、页脚、内容、菜单、导航、主、副主、侧边栏、徽标、横幅、页眉、提示、主左、主右。
二、公共部分命名
| #wrapper | 页面外围控制总布局宽度 | |||||||||||||||||
| #container或#content | 容器，用于最外层 | |||||||||||||||||
| #head,#页眉 | 页眉 | |||||||||||||||||
| #页脚，#页脚 | 页脚 | |||||||||||||||||
| #nav | 主导航❙❙‾导航#main | 正文页 | ||||||||||||||||
| #标签 标签 | ||||||||||||||||||
| #zpráva #zpráva | 挑战 | |||||||||||||||||
| #tip❙❙❀#tips❙❀#Tip | ||||||||||||||||||
| 投票 | ||||||||||||||||||
| #friendlink | 友情链接 | |||||||||||||||||
| #title | 标题 | |||||||||||||||||
| #summary | 摘要 | |||||||||||||||||
| #loginbar″'#Login'bar″※ 搜索输入栏 | ||||||||||||||||||
| #热门 | 热门热点 | |||||||||||||||||
| #搜索 | 搜索 | |||||||||||||||||
| #search_output | 搜索结果和搜索结果类似❝ult#searchBar' | 搜索结果 | ||||||||||||||||
| #版权 | 版权信息 | |||||||||||||||||
| #branding | 商标 | |||||||||||||||||
| #logo | 网站标志LOGO | |||||||||||||||||
| #siteinfo | 网站信息 | |||||||||||||||||
| #siteinfo法律 | 法律声明 | |||||||||||||||||
| #Reput‾❙❙Reput‾ | 加入我们 | |||||||||||||||||
| #合作伙伴 | 合作伙伴 | |||||||||||||||||
| #servis | 服务 | |||||||||||||||||
| #注册者 | 注册 | |||||||||||||||||
| arr/arrow#´❙❙❙❙箭头ide | ||||||||||||||||||
| #站点地图 | 站点地图 | |||||||||||||||||
| #列表 | 列表 | |||||||||||||||||
| #主页 | 主页 | |||||||||||||||||
| #子页面 | 侧面板❙❙侧页❙❙ 4 . center | 左、中、右 | ||||||||||||||||
| .news | News | |||||||||||||||||
| .download | 下载 | |||||||||||||||||
| .CSS横幅名称 | （广告横幅名称CSS命名
部分内容链接来自：http://www.divcss5.com/jiqiao/j4.shtml♸♸♸ |
版权声明
本文仅代表作者观点，不代表Code前端网立场。
本文系作者Code前端网发表，如需转载，请注明页面地址。
上一篇：CSS提示：混合模式、渐变边框 下一篇：CSS3伪元素应用页码摘要效果
相关文章
