一、導航類

導航：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 著作權：copyright 投票：vote

四、div英文釋譯

標題 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 模塊module.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著作權：copyright

前端開發必備基礎單詞