class 命名参考

导航类

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

页面结构布局

容器：container
页头：header
内容：content/container
页尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面主体：main
左右中：left right center
页面外围控制整体布局宽度：wrapper

功能

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

css 英文释译

线：line
行：line
宽 ：width
高：height
外边界：margin
内边界：padding
边框：border
行高：line-height
背景：background
颜色：color
顶部：top
标题：title
字体：font
身体：body
大小：size
列表：list
文本：text
样式：style
对齐：align
图像：image
修饰：decoration
资源：source
宽度：width
穿过：through
高度：height
缩进：indent
斜体：italic
链接：link
加粗：bold
斜体：italic
加重：weight
加粗：bold
输入：input
主体：main
下面的：under
重复：repeat
填充：padding
位置：position
正常：normal
父级 parent
子级：children
隐藏：hidden
显示：visible
溢出：overflow
列表：list
样式 style
导航：nav
显示类型：display
广告图片：banner
页眉：header

文件命名

主要的：master
模块：module
重置：reset
基本共用：base/common
布局，版面：layout
主题：themes
专栏：columns
文字：font
表单：forms
补丁：mend
打印：print
混入：mixins
组件：components
静态资源：public/static
路由： router
页面/视图: pages/views
配置: config

转载请注明：有爱前端 » web前端开发必备基础单词整理