① web前端必備英語單詞
學習WEB前端真的沒有必要去刻意背誦英語單詞，這些詞彙你敲著敲著就能記下來了。練習次數多了想忘都忘不掉。
想要學習WEB前端有效率，記住以下幾點就可以了：
第一點，看視頻的時候記得做筆記，我們看視頻不要看那種直播錄制的視頻，這種視頻會有大量的時間浪費在和學生的互動上，視頻教程選擇那種純粹講知識點的精講視頻，在看視頻的時候做筆記，視頻看完之後關閉自己動手寫，寫不出來看筆記，實在寫不出來再看視頻。
第二點，寫代碼的時間一定要比看視頻的時間長，只有進行反復的練習，你才能牢記這個知識點，同時你在練習中出現的錯誤，也會幫助你理解這個知識點。
第三點，學習編程一定要看書和看文檔，視頻上通常講的都是一些常用的知識點，而書籍和文檔上的內容會更全面。書籍要買有針對性，有些書籍適合初學者，而有些書籍適合中高級開發人員。
第四點，如果是自學，多加一些學習氛圍比較好的群，因為在自學過程中，總是會遇見各種各樣的問題，有些問題網路找不到答案，這時候就可以在這些學習群裡面問。當然如果你身邊有從事前端開發的朋友，能夠幫助你更好。
② web前端學習路線
您好，web前端的學習路線分為以下8個階段：
階段1.前端核心基礎
HTML +_CSS核心、JavaScript基礎語法、JavaScript面向對象、JavaScript DOM和BOM編程、jQuery框架
階段2.HTML5 + CSS3 + 移動端核心
HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3實例演練
階段3.移動端
移動端核心、移動端適配、移動端特效
階段4.伺服器端
伺服器端開發、資料庫操作、前後端交互核心、微信公眾號開發
階段5.JavaScript高級
JavaScript基礎深入剖析、JavaScript面向對象深入講解、JavaScript非同步編程、JavaScript函數式編程、JavaScript設計模式
階段6.前端必備
性能優化、版本控制工具、模塊化、項目構建工具
階段7.高級框架
React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue源碼分析
階段8.小程序
原生小程序入門、原生小程序API使用、小程序框架Mpvue
希望對您有幫助。
③ 馬上就2021年了，在前端行業中如何提高自己的競爭力
第一，獲取相關信息。
可以通過瀏覽招聘信息或者詢問身邊從事前端工作的朋友來對HTML5大前端以及前端開發的工作內容進行一個初步了解。一般來說，前端開發工程師的工作包括：使用HTML、CSS、JavaScript等專業技術和工具將UI設計稿實現為用戶PC端、移動端網頁等網站產品，同時處理相關埠的視覺和交互問題等。
第二，打好學習基礎很重要。
Web前端入門學習的基礎內容有HTML5和CSS3，其中包括PC端網站布局、Weapon頁面布局兩方面。JS交互設計是重點學習部分，這部分需要熟練掌握JavaScript基礎語法、JavaScript進階、JavaScript高級編程、Conquer經典案例等內容。再有前端框架也是重點知識點，現在比較主流的框架有Cue、React、Angular，熟練運用框架可以提升開發效率。
第三，理論結合實踐。
緊跟潮流發展也很關鍵，現在微信小程序和小游戲越來越流行，掌握相關技術點可以在崗位競爭中更具優勢。比如熟悉React Native技術對於小程序開發很有必要，它可以實現熟練開發出匹配項目需求的功能。
第四，找對適合自己的學習方式至關重要。
根據企業的要求，規劃一條科學合理的學習路線圖。請你看下面學習路線圖，完全是針對企業定製化人才需求規劃。避免小白踩坑。
第一階段：前端頁面重構
內容包含了：（PC端網站布局項目、HTML+CSS基礎項目、WebApp頁面布局項目）
第二階段：JavaScript高級程序設計
內容包含：（原生 JavaScript交互功能開發項目、面向對象進階與 ES/ES應用項目、JavaScript工具庫自主研發項目）
第三階段：PC端全棧項目開發
內容包含：（jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目）
第四階段：移動端項目開發
內容包含：（Touch端項目、微信場景項目、應用 Angular+Ionic開發 WebApp項目、應用 Vue.js開發 WebApp項目、應用 React.js開發 WebApp項目）
第五階段：混合（Hybrid,ReactNative）開發
內容包含：（微信小程序開發、React Native、各類混合應用開發）
第六階段：NodeJS全棧開發
內容包括：（WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫）
第七階段：大數據可視化
內容包含：（大數據可視化化基礎與實戰、一、數據可視化入門、二、D.js詳解、三、其他JS庫）
第五，學習web前端注意事項。
1.不要以看書學習為主，學習編程不是數學語文那麼容易，你看看例題就會了，更需要的是別人的講解，你自己看書上那些專業的文字，只是憑你自己意識理解的那樣來，但是一般情況下我們都理解不了，畢竟我們不是出書的人，最好的方式就是找視頻進行學習，找好的視頻進行學習，然後在配上別人的解答，再加上自我的主動學習。
2.當你學習的時候，可能會出現學了就忘記不住的情況，我見過很多這樣的情況，包括自己曾經學習的時候也是這樣。打個比方：比方說我們在學習英語的時候，一天學習20個單詞，但是過了一周之後，我肯定會忘記之前學過的單詞。那麼記住這些單詞最好的辦法就是應用於對話當中。我們學習web前端也是這樣，同一個標簽或者屬性，或者是JavaScript的語法，只有你不斷的見到它，並且應用它，讓它都認識你了，這樣你就扎實的掌握了，所以實際應用非常重要。
3.學習方法決定了你學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 產品（proct）；
company 公司；
msg/info 信息（message）/消息；
ads 廣告（advertisements）;
icon 小圖標；
img 圖片（image）；
right 版權；
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; 邊框
相關資料：
詳解html中頁面跳轉傳遞參數的問題
html5關於標簽的知識吧
相信很多人在剛接觸前端或者中期時候總會遇到一些問題及瓶頸期，如學了一段時間沒有方向感或者堅持不下去一個人學習枯燥乏味有問題也不知道怎麼解決，對此我整理了一些資料 喜歡我的文章想與更多資深大牛一起討論和學習的話 歡迎加入我的學習交流群
關於書籍：需要學習資料的小夥伴們可以加群， 點擊此處
⑤ 「web前端」 用英文怎麼說
英文翻譯：web Front-end
具體解釋：
一、web：
發音：英[web]美[web]
中文：
1、n. 網；捲筒紙；蹼；織物；圈套
2、vt. 用網纏住；使中圈套
3、vi. 形成網
二、Front-end
發音：[ˈfrʌnt end]
中文：adj. 前端的
(5)前端20個單詞擴展閱讀
web近義詞：net
1、n. 網；有專門用途的網；球門網；球網；網路（等於 Internet）；（板球）練球場；（板球）一次練球；捕魚總量；網眼織物；陷阱；候選人的選擇面
2、adj. 純的；最後的；原價的；（重量）凈的；（高爾夫球得分）凈得的
3、v. 凈賺；用網捕；（巧妙地）捕獲，得到；（將球）踢進球門；用網覆蓋；使（某人）獲得（利益、收入）；（計算時）扣除……（以得出凈額）
短語：
1、Net Transport網路傳送帶 ; 影音傳送帶 ; 軟體名稱 ; 網路傳送帶
2、safety net[安全]安全網 ; 攀爬網 ; 安全信息網 ; 隔離網
3、petri netPetri網 ; 皮特里網 ; 網路 ; 彼得里網路
⑥ web前端必備英語詞彙都在這兒了，客官你了解多少
appendChild 放置到某元素最後
attribute 屬性
addEventListener 添加偵聽器
assign 賦值
alert 彈出框
append 添加
appendTo 添加到
absolute 絕對的
active 活動的，激活的，標記的一個偽類
align 對齊
alpha 透明度，半透明anchor 錨記標記是這個單詞的縮寫
anchor 錨記<a>標記是這個單詞的縮寫
arrow 箭頭
auto 自動
appName 程序名
appCodeName 程序代號
appVersion 程序版本
appAgent 程序代理
abs 取絕對值
array 數組
back 超過范圍的三次方緩動
bounce 指數衰減的反彈緩動
before 在...之前
blur 當輸入框失焦的時候觸發
BOM 全稱Browser Object Model 瀏覽器對象模型
blur 失焦
bind 綁定
background 背景border 邊框
border 邊框
banner 頁面上的一個橫條both 二者都是clear 屬性的一個屬性值
both 二者都是clear 屬性的一個屬性值
black 黑色
bottom 底部，是一個CSS 屬性
blink 閃爍
box 盒子
block 塊
br 換行標記
blue 藍色
bug 軟體程序中的錯誤
body 主體，一個HTML 標記
building 建立
bold 粗體
button 按鈕
break 中斷
bool 布爾
boolean 布爾
bubble 冒泡
cubic 三次方的緩動
circular 圓形曲線的緩動
chain 當執行一種緩動效果後可以繼續使用另一個緩動效果
createElement 創建新元素
createTextNode 創建文本節點
childNodes 返回子節點
cancelBubble 刪除冒泡
click 點擊事件
change 內容發生改變，並失焦後才觸發該事件
contextmenu 右擊事件
clientX 游標相對於該網頁的水平位置
clientY 游標相對於該網頁的垂直位置
close 關閉當前頁面
confirm 輸入框
clientWidth 獲取元素寬度
clientHeight 獲取元素的高度
childNodes� 獲取所有子節點�
children 返回子元素
cloneNode 復制節點
Clone 克隆、復制
chekbox 復選框
cell 表格的單元格
color 顏色
center 中間，居中
connected 連接的
contact 聯系
child 孩子
content 內容
circle 圓圈
crosshair 十字叉絲
class 類別
css 層疊樣式表
clear 清除
cursor 滑鼠指針
cm 厘米
centimeter 厘米
continue 繼續
close 關閉
ceil 向上取整
charAt 獲取某位置字元
DOM 全稱Document Object Model 文檔對象模型
default 不執行
DOMMouseScroll 在火狐瀏覽器中的滾輪事件
document 文件，文檔
dbclick 雙擊
dashed 虛線
display 顯示，CSS 的一個屬
decimal 十進制
division 分區，div 就是這個單詞的縮寫
decoration 裝飾
document 文檔
default 默認的
definition 定義
dotted 點線
double 雙線
design 設計
do 做
exponential 指數曲線的緩動
elastic 指數衰減的正弦曲線緩動
error 錯誤 過失
element 元素
else 否則
focus 當輸入框聚焦的時候觸發
firstChild 第一個子節點
firstElementChild 返回第一個標簽節點
function() 函數
father 父親
float 浮動
filter 濾鏡，過濾器
font 字體
first 第一個
for 在循環語句中的一個保留字
fixed 固定的
four 4 個
function函數，功能
getAttribute 獲取屬性
getElementsByClassName 根據class標簽獲取元素
getElementsByName� 通過元素的Name屬性值
getElementById� 通過元素Id，唯一性
getElementsByTagName 通過標簽名查找元素
gif 一種圖像格式
green 綠色
gray 灰色
history 對象
host 主機
height 高度
hover 盤旋;徘徊;猶豫
hidden() 隱藏
hack 常用於CSS 中的一些招數，或者類似於偏方的技巧
here 這里
hand 手
hidden 被隱藏
head 頭部
home 首頁
height 高度
horizontal 水平的
help 幫助
hover 滑鼠指針經過時的效果，或稱為「懸停狀態」
input 當輸入的時候實時觸發
innerHeight 內部高度
innerWidth 內部寬度
in 從0開始加速的緩動
inOut 前半段從0開始加速，後半段減速到0的緩動
infinity 無線循環
insertBefore 插入到某元素前
image 圖像
inline 行內
important 重要的
inner 內部的
indent 縮進
italic 義大利體，斜體
index 索引
if如果
int：整數
indexOf：判斷某字元的首次位置
jpg 一種圖像格式justify 兩端對齊
justify 兩端對齊
keyCode 按鍵編碼
keydown 按下按鍵
keyup 按下按鍵抬起
linear 勻速
lastChild� 返回最後一個子節點
lastElementChild� 返回最後一個標簽節點�
language 語言
line 線
last 最後一個
link 鏈接
left 左邊
list 列表
length 長度
lowercase 小寫
level 級別
mouseover 移動到元素上
mouseout 從元素上移開
mousemove 移動滑鼠
mousewheel 在其他瀏覽器的滾輪事件
mousedown 滑鼠按下事件
mouseup 滑鼠抬起事件
margin 外邊距
millimeter 毫米
max 最大的
min 最小的
medium 中間
model 模型
menu 菜單
move 移動
middle 中間
nextElementSibling 返回下一個兄弟元素
nextSibling 返回下一個兄弟節點
nextElementSibling� 下一個兄弟元素
nodeValue 節點值
nodeType 節點類型
nodeName 標簽名稱
navigation 導航
none 無，不，沒有
new 新的
normal 標准
number 數字
null 空，空值
new 新建
outerHeight 整個高度
outerWIdth 整個寬度
open 打開新頁面
onscroll 窗口滾動事件
onresize 窗口大小監聽事件
onload 圖片載入事件
offsetLeft 獲取元素距離左側的距離�
offsetTop 獲取元素距離頂部的距離
offsetWidth 獲取元素自身寬度
offsetHeigh 獲取元素自身高度�
onload 在裝載時
onclick 在點擊時
ondblclick 在雙擊時
onmouseover 在滑鼠進入時
onmouseout 在滑鼠離開時
onmousemove 在滑鼠移動時
onmousedown 在滑鼠按下時
onmouseup 在滑鼠抬起時
onkeydown 在按鍵按下時
onkeyup在按鍵抬起時
onkeypress 在按鍵時
onsubmit 在提交時
onchange 在改變時
onfocus 在獲得焦點時
onblur 在失去焦點時
onscroll 窗口滾動事件
onresize 窗口大小監聽事件
out 減速到0的緩動
onStart 開始事件
onComplete 完成事件
onStop 停止事件
onUpdate 更新事件
object 對象
optional 可選的
oblique 一種斜體
orange 橙色
one 一個
outer 外面的
only 僅僅
overflow 溢出
open 打開
previous 前一個
prevent 阻止
pageX 游標相對於該網頁的水平位置
pageY 游標相對於該網頁的垂直位置
port 埠
protocol 協議
prompt 提示框
parentNode 返回父級節點
parentElementNode 獲取已知節點的父節點
previousSibling 返回上一個兄弟節點
previousElementSibling 返回上一個兄弟元素
password 密碼
position 位置
prepend 預先
padding 內邊距
progress 進度
point 點
public 公開的
pointer 指針，指示器
purple 紫色
position 定位，位置
pop 彈出
push 壓入
open 打開
option 選項
quadratic 二次方的緩動
quintic 五次方的緩動
quartic 四次方的緩動
querySelector 根據標簽名獲取第一個元素
querySelectorAll 獲取所有標簽名的元素
repeat 次數
remove 刪除當前節點
replaceChild 替換節點
removeEventListener 取消偵聽器
reload 刷新
removeAttribute 刪除屬性
removeChild 刪除父節點的某個子節點
radio 視頻
red 紅色
resize 重新設置大小
relative 相對的
right 右邊
repeat 重復，平鋪
row 行
replacement替換
return 返回
random 隨機
round 取整
sinusoidal 正弦曲線的緩動
start 開始
stop 停止
setinterval 時間函數
sibling 兄弟
scrollTop 獲取文檔滾動高度
screenX 游標相對於該屏幕的水平位置
screenY 游標相對於該屏幕的垂直位置
setAttribute 設置屬性
scrollHeight 獲取文檔整體高度
scrollTop 獲取文檔滾動高度
scrollLeft 元素左邊界
setAttribute 設置節點上的屬性
submit 提交
scroll 滾動
shadow 陰影
silver 銀色
special 特殊的
size 尺寸
square 方塊
solid 固體，實線
static 靜態的
solution 方案
strong 強壯，加粗的
son 兒子
style 樣式
span 一個HTML 標記
switch 切換
setInterval 設置反復性定時器
setTimeout 設置一次性定時器
srcElement 源對象，事件源
split 分割
substr 截取字元串
substring 截取字元串
sqrt 取開方
status 狀態
sort 排序
slice 切片，劃分
splice 鉸接，粘接
textContent 文本添加文字
table 表格
title 標題
td 單元格的HTML 標記
top 頂部
toLowerCase 轉換為小寫
toUpperCase 轉換為大寫
text 文本
tr 表格中「行」的HTML 標記
thick 粗的
transitional 過渡的
thin 細的
two 兩個
three 三個
type 類型
through 穿過
this 這個，當前
typeof 類型
underline 下劃線
uppercase 大寫
upper 上面的
url 網址
vertical 豎直的
visited 訪問過的
var 定義變數
wrap 包裹
window 窗口
white 白色
width 寬度
while 當...的時候
write 寫入
yellow 黃色
⑦ 前端開發命名必備單詞
一、導航類
導航：nav 主導航：mainbav 子導航：subnav 頂導航：topnav
邊導航：sidebar 左導航：leftsidebar 右導航：rightsidebar 菜單：menu
子菜單：submenu 標題：title 摘要：summary
二、頁面結構
容器：container 頁頭：header 內容：content/container 頁面主體：main
頁尾：footer 導航：nav 側欄：sidebar 欄目：column
頁面外圍控制整體布局寬度：wrapper 左右中：left right center
三、功能
標志：logo 滾動：scroll 廣告：banner 標簽頁：tab
登錄：login 文章列表：list 登錄條：loginbar 提示信息：msg
注冊：regsiter 當前的：current 搜索：search 小技巧：tips
功能區：shop 圖標：icon 標題：title 注釋：note
加入：joinus 指南：guild 狀態：status 服務：service
按鈕：btn 熱點：hot 合作夥伴：partner 新聞：news
友情鏈接：friendlink 下載：download 版權：right 投票：vote
四、p英文釋譯
標題 title 字體 font 身體 body 大小 size
列表 list 文本 text 樣式 style 對齊 align
圖像 image 修飾 decoration 資源 source 線 line
寬度 width 穿過 through 高度 height 縮進 indent
行 line 斜體 italic 鏈接 link 加粗 bold
斜體 italic 加重 weight 加粗 bold 寬 width
輸入 input 高 height 下面的 under 背景 background
頂部 top 主體 main
五、css英文釋譯
重復 repeat 填充 padding 位置 position 正常 normal
顯示類型 display 父級 parent 顯示可見 visibility 子級 children
隱藏 hidden 頂部導航topnav顯示 visible 溢出 overflow
列表 list 樣式 style 邊框 border 導航 nav
廣告圖片 banner 行高line-height邊界 margin 頁眉 header
六、樣式文件命名
主要的master.css 模塊mole.css 基本共用base.css 布局，版面layout.css
主題themes.css 專欄columns.css 文字font.css 表單forms.css
補丁mend.css 列印print.css
七、顏色釋譯
綠 green 紅 red 藍 blue 黑 black
灰 gray 黃 yellowa 紫 purple 白 white
棕 brown 卡其色 khaki
六、命名參考
登錄條loginBar 標志：logo 側邊欄：sideBar 廣告：banner
導航：nav 子導航：navBar 菜單：menu 子菜單：subMenu
搜索：search 滾動：scroll 頁面主體：main 內容：content
標簽頁：tab 文章列表：list 提示信息：msg 小技巧：tips
欄目標題：title 加入：joins 指南：guild 服務：service
熱點：hot 新聞：news 按鈕：btn 投票：vote
狀態：status 合作夥伴：partner 外套：wrap 商標：label
頂導航：topnav 左導航：leftSideBar 右導航：rightSideBar菜單內容：menuContent
菜單容器：menuContainer注釋：note 邊導航圖標：sidebarIcon版權：right
友情鏈接：friendLink容器：container 頁腳：footer 當前：current
激活：active 購物車：shop 登錄：login 注冊：regsiter
下載：download 麵包屑：breadCrumb
⑧ 前端開發及html5所用的英文單詞
糾正一下，你說的前端開發以及html5所用的英文單詞，是代碼標簽；像換行標簽<br />html5中的頭部標簽<header></header>底部標簽<footer></footer>又如以下：
<p></p>段落
<a></a>超鏈接
<div></div>框架
<img src="" />圖片
一個網頁是由大多標簽代碼以及CSS樣式來控制，還有少數的JS；希望我的回答對你有所幫助，如果還有其他疑問，請繼續追問我；
⑨ 學習前端等網站開發要會哪些要會哪些英語單詞
一、頁面布局（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 產品（proct）；
company 公司；
msg/info 信息（message）/消息；
ads 廣告（advertisements）;
icon 小圖標；
img 圖片（image）；
right 版權；
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上）；