小记:前端开发常见英语词汇

一、页面布局(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)


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 弹性(布局);
style 样式
type 类型
doctype 文档类型
css sprite 背景图压缩工具
charset 字符集
margin 外边距
padding 内边距
border 边框
width 宽
height 高
background 背景
float 浮动
clear 清除
after 后面
before 前面
auto 自动
font-family 字体
SimSun 宋体
Microsoft YaHei 微软雅黑
SimHei 黑体
font-size 字体大小
font-weight 字体粗细
font-style 字体样式
italic 斜体
normal 正常
bold 加粗
display 显示
block 块状显示
inline 行内显示
scroll 滚动
text-decoration 文本修饰
underline 下划线
line-height 行高
text-indent 文本缩进
text-align 水平对齐方式
left 左边
right 右边
center 居中
vertical-align 垂直对齐方式
top 上边
bottom 下边
middle 中间
word-spacing 字间距
letter-spacing 字母间距
background-color 背景颜色
background-image 背景图像
background-position 背景定位
background-origin 背景图原点
background-repeat 背景重复方式
background-attachment 背景图是否滚动
text-overflow 文本溢出包含元素时发生的事情
ellipsis 省略号
clip 裁剪
white-space 处理元素内的空白
nowrap 不进行换行
overflow 内容溢出时发生的事情
hidden 隐藏
color 颜色
position 定位属性
static 静态
relative 相对定位
absolute 绝对定位
fixed 相对窗口
inherit 继承
z-index 层级
content 内容
stylesheet样式表
object对象
element元素
common公共的
reset重置
space/spacing间距

三、表单(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上);

猜你喜欢

转载自blog.csdn.net/weixin_41850999/article/details/84936940