CSS常用的属性命名

页头:header  
如:#header{属性:属性值;}或.header{属性:属性值;},也许你需要了解class与id区别及用法
登录条:loginBar         标志:logo                 侧栏:sideBar       广告:banner              导航:nav                 子导航:subNav
菜单:menu               子菜单:subMenu        搜索:search        滚动:scroll                 页面主体:main          内容:content 
标签页:tab                文章列表:list             提示信息:msg     小技巧:tips                 栏目标题:title           加入:joinus
指南:guild                服务:service              热点:hot            新闻:news                 下载:download         注册:regsiter 
状态:status               按钮:btn                  投票:vote           合作伙伴:partner        友情链接:friendLink   页脚:footer 
版权:copyRight 
 
外 套:wrap           版    权:copyRight      商 标:label              标 题:title 
顶导航:topnav        边导航:sidebar           左导航:leftsideBar      右导航:rightsideBar 
标 语:banner         菜单内容1: menu1Content 
菜单容量:menuContainer                  子菜单:  submenu 
边导航图标:sidebarIcon                     注释:   note 
面包屑:breadCrumb(即页面所处位置导航提示) 
容器:container      内容:content          搜索:search
登陆:login             功能区:shop(如购物车,收银台) 
当前:current

 

 
posted @   Jweib  阅读(341)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
点击右上角即可分享
微信分享提示