---
title: "web前端常用英语词汇"
id: "2294"
type: "post"
slug: "2294"
published_at: "2019-05-29T01:11:34+00:00"
modified_at: "2019-05-30T06:21:16+00:00"
url: "https://seq.ink/all/2294.html"
markdown_url: "https://seq.ink/all/2294.html.md"
excerpt: " 在前端开发过程中，掌握一些常见英语词汇是必要的，下面整理了一些前端一些常见的英语词汇，供大家参考。 一、页面布局（layout） header 头部/页眉； index 首页/索引； logo 标志nav/sub_nav 导航/子ban ..."
taxonomy_category:
  - "ALL"
---

#### 在前端开发过程中，掌握一些常见英语词汇是必要的，下面整理了一些前端一些常见的英语词汇，供大家参考。

一、页面布局（layout）

- header 头部/页眉；
- index 首页/索引；
- logo 标志nav/sub_nav 导航/子banner 横幅广告；
- main/content 主体/内容；
- container/con 容器；
- wrapper/wrap 包裹（类似于container）；
- menu 菜单；
- sub_menu/second_menu 子菜单/二级菜单；
- list 列表；
- section 分区/分块（类似于div）;
- article 文章；
- aside 侧边栏/广告；
- footer 页脚/底部；
- title/sub_title 标题/副标题；
- news 新闻；
- hot 热点；
- pro 产品（product）；
- company 公司；
- msg/info 信息（message）/消息；
- ads 广告（advertisements）;
- icon 小图标；
- img 图片（image）；
- copyright 版权；
- contact_us 联系我们；
- friend_link 友情链接；
- tel 联系电话（telephone）；
- address 地址；

---

二、CSS样式（style）  
 CSS 层叠样式表 (Cascading Style Sheets) ；

- background 背景；
- position 位置/定位；
- relative/absolute/fixed 相对定位/绝对定位/固定定位；
- float 浮动；
- clear 清除；
- vertical-align: middle/top/bottom; 垂直居中/上/下；
- line-height 行高；
- margin 外边距；
- padding 内边距；
- border 边框；
- solid/dashed/dotted 实线/线虚线/点虚线；
- border-radius 圆角；
- shadow 阴影；
- display 展示；
- hidden 隐藏；
- block/inline-block 块元素/行内块；
- overflow 溢出；
- cursor 光标；
- animation 动画；
- css sprites 雪碧图/图片精灵；
- column 分列；
- flex 弹性（布局）；

---

三、表单（form）与表格（table）

- form 表单；
- action 行为；
- method 方式/方法；
- input 输入框；
- label 标签；
- password 密码；
- radio 单选框；
- checkbox 复选框；
- btn 按钮（button）；
- submit/reset 提交/重置；
- textarea 文本域；
- select/option 选择框/选择项；
- placeholder 占位符（起提示作用）；
- search 搜索；
- icon 小图标；
- autofocus 自动聚焦；
- disabled 禁用；
- checked 选中（单选框/复选框）；
- selected 默认选择项（下拉选择框）；
- required 必填项；
- readonly 只读；
- table 表格；
- thead/tbody/tfoot 表格标题/主体/底部；
- colspan 跨列；
- rowspan 跨行；
- cellspacing 单元格间距（类似于margin）；
- cellpadding 单元格边距（类似于padding）；
- border-collapse: collapse; 边框合并（用于table上）；

---

作者：lijing_1133082  
 来源：CSDN  
 原文：https://blog.csdn.net/lijing_1133082/article/details/53363441  
 版权声明：本文为博主原创文章，转载请附上博文链接！