首页 > 攻略> 常用的web前端开发的词汇

常用的web前端开发的词汇

2021-12-02

前端开发

a454466904

我们都知道现在大部分的正版工具都是英文操作,在做web前端开发时,必要的、经常用到的英文单词我们也必须掌握,这样才能在操作时更熟练,提高自己的工作效率。本文主要介绍在基本的web前端开发词汇。

  一、web前端开发词汇之页面布局

  (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 地址。

  二、web前端开发词汇之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 弹性(布局)。

   

  三、web前端开发词汇之表单

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

2562 人已提交 开发 需求

请输入您的需求 请填写您的电话

提交需求

2019年Web前端系统学习路线
前端开发与后端开发有什么区别?
10大必备的前端开发工具

x

10秒发布需求
快速获取报价及方案

获取验证码 立即提交