Html CSS一-些常用命名

本文详细介绍了网页设计的基础元素,包括容器、页头、导航等,并深入讲解了导航、功能、颜色、字体大小、对齐样式、标题栏样式等关键概念。同时,文章还覆盖了前端开发、后端开发、移动开发、游戏开发、大数据开发等多个技术领域的关键词,为开发者提供了一站式的知识梳理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

尽量不缩写,除非一看就明白的单词.
主要的 master.css      模块 module.css        主题 themes.css       专栏 columns.css     基本共用 base.css       
文字 font.css              表单 forms.css          补丁 mend.css          打印 print.css		  布局,版面 layout.css  

(1)页面结构
容器: container   页头:header        导航:nav    
页面外围控制整体布局宽度:wrapper          
内容:content/container            
页面主体:main                                     
侧栏:sidebar             栏目:column
页尾:footer      

(2)导航
导航:nav
主导航:mainbav
子导航:subnav
顶导航:topnav
边导航:sidebar
左导航:leftsidebar
右导航:rightsidebar
菜单:menu         
子菜单:submenu         
标题: title       
摘要: summary

(3)功能
标志:logo	
广告:banner	
登陆:login	
注册:regsiter		
搜索:search 	 
功能区:shop	 
登录条:loginbar
标题:title	
加入:joinus	
状态:status	
按钮:btn		
滚动:scroll	 
标签页:tab		
当前的: current
新闻:news	
图标: icon	
注释:note	
指南:guild		
服务:service	 
热点:hot		
下载:download
投票:vote	
尾:footer	
版权:copyright
合作伙伴:partner	 
友情链接:link	
文章列表:list	
提示信息:msg  	
小技巧:tips	


(1)颜色:使用颜色的名称或者16进制代码,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2) 字体大小,直接使用"font+字体大小"作为名称,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)对齐样式,使用对齐目标的英文名称,如
.left { float:left; }
(4)标题栏样式,使用"类别+功能"的方式命名,如
.barnews { }
.barproduct { }             


网站公用相关 
Container div #container 容器 
Header or banner div #header 页头部分 
Main or global navigation div #main-nav 主导航 
Menu #menu 菜单 
Sub Menu #submenu 子菜单 
Left or right side columns #sidebar-a, #sidebar-b 左边栏或右边栏 
Main div #main 页面主体 
Content div #content 内容部分 
The main content area #content-main 主要内容区域 
Footer div #footer 页脚部分 
Tag #tag 标签 
Message #msg #message 提示信息 
Tips #tips 小技巧 
Vote #vote 投票 
Friend Link #friendlink 友情连接 
Title #title 标题 
Summary #summary 摘要 
Sub-navigation list #sub-nav 二级导航 
Search input #search-input 搜索输入框 
Search output #search-output 搜索输出和搜索结果相似 
Search #search 搜索 
Search results #search-results 搜索结果 
Copyright information #copyright 版权信息 
brand #branding 商标 
branding-logo #branding-logo LOGO 
Site information #siteinfo 网站信息 
Copyright information etc. #siteinfo-legal 法律声明 
Designer or other credits #siteinfo-credits 信誉 
Join us #joinus 加入我们 
Partnership opportunities #partner 合作伙伴 
Services #service 服务 
Regsiter #regsiter 注册 
Status #status 状态 
电子贸易相关 
Products .products 产品 
Products prices .products-prices 产品价格 
Products description .products-description 产品描述 
Products review .products-review 产品评论 
Editor's review .editor-review 编辑评论 
New release .news-release 最新产品 
Publisher .publisher 生产商 
Screen shot .screenshot 缩略图 
FAQ .faqs 常见问题 
Keyword .keyword 关键词 
Blog .blog 博客 
Forum .forum 论坛 


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值