1. 程式人生 > >小記:前端開發常見英語詞彙

小記:前端開發常見英語詞彙

一、頁面佈局(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上);