114培訓(xùn)網(wǎng)歡迎您來到北京北大青鳥教育!

17332948818

全國統(tǒng)一學(xué)習(xí)專線 9:00-21:00

現(xiàn)在web前端也是一個非常熱門的行業(yè),想要學(xué)習(xí)web前端開發(fā)的同學(xué)請看這里北京web前端詞匯 ,通過對web前端開發(fā)要懂英語嗎?HTML/CSS 有哪些常用單詞需要背嗎?,前端常用詞匯,前端開發(fā)中經(jīng)常遇到的一些英語單詞?? 的了解,希望以上信息可以幫助到您

1.web前端開發(fā)要懂英語嗎?HTML/CSS 有哪些常用單詞需要背嗎?

首先Web開發(fā)是要用英語的,不管是使用哪種語言編程都離不開英語,另外英語好的程序員確實(shí)有一些優(yōu)勢,比如可以看國外的文檔,可以在國外的網(wǎng)站上學(xué)習(xí)編程技術(shù)或者閱讀原版的技術(shù)書籍。但就web編程的技術(shù)來說,和英語的好壞沒有直接的關(guān)系,只要不是簡單的英語單詞都不認(rèn)識就行了,Web前端雖然關(guān)鍵字偏多,但是這些單詞跟四級比起來連九牛一毛都算不上,即使開始不熟悉哪些常用的單詞,在熟悉編程后,那些常用的詞語天天間,自然也熟悉了。下面整理了一些HTML/CSS中常用的單詞,先把單詞記住了,再寫代碼就容易很多。頁面布局(layout)header 頭部/頁眉;index 首頁/索引;logo 標(biāo)志;nav/sub_nav 導(dǎo)航/子導(dǎo)航;banner 橫幅廣告;main/content 主體/內(nèi)容;container/con 容器;wrapper/wrap 包裹(類似于container);menu 菜單;sub_menu/second_menu 子菜單/二級菜單;list 列表;section 分區(qū)/分塊(類似于div);article 文章;aside 側(cè)邊欄/廣告;footer 頁腳/底部;title/sub_title 標(biāo)題/副標(biāo)題;news 新聞;hot 熱點(diǎn);pro 產(chǎn)品(product);company 公司;msg/info 信息(message)/消息;ads 廣告();icon 小圖標(biāo);img 圖片(image);copyright 版權(quán);contact_us 聯(lián)系我們;friend_link 友情鏈接;tel 聯(lián)系電話(telephone);address 地址;& nbsp; 空格(&和n之間的空格去掉,不要忘記分號);<br/> (文字末尾添加)換行;CSS樣式(style) CSS 層疊樣式表 (Cascading Style Sheets) ; 背景;: -webkit-gradient(top red orange yellow green lightblue blue purple) 顏色漸變;position 位置/定位;relative/absolute/fixed 相對定位/絕對定位/固定定位;float 浮動;clear 清除;vertical-align: middle/top/bottom; 垂直居中/上/下;line-height 行高;margin 外邊距;padding 內(nèi)邊距;border 邊框;solid/dashed/dotted 實(shí)線/線虛線/點(diǎn)虛線;border-radius 圓角;shadow 陰影;display 展示;hidden 隱藏;block/inline-block 塊元素/行內(nèi)塊;overflow 溢出;cursor 光標(biāo);cursor:pointer; 鼠標(biāo)移上變?yōu)樾∈?;animation 動畫;css sprites 雪碧圖/圖片精靈;column 分列;flex 彈性(布局);表單(form)與表格(table)form 表單;action 行為;method 方式/方法;input 輸入框;label 標(biāo)簽;password 密碼;radio 單選框;checkbox 復(fù)選框;btn 按鈕(button);submit/reset 提交/重置;textarea 文本域;select/option 選擇框/選擇項; 占位符(起提示作用);search 搜索;icon 小圖標(biāo);autofocus 自動聚焦;disabled 禁用;checked 選中(單選框/復(fù)選框);selected 默認(rèn)選擇項(下拉選擇框);required 必填項;readonly 只讀;table 表格;thead/tbody/tfoot 表格標(biāo)題/主體/底部;colspan 跨列;rowspan 跨行; 單元格間距(類似于margin); 單元格邊距(類似于padding);border-collapse: collapse; 邊框合并(用于table上);

2.前端常用詞匯

1、 頭部/頁眉;body 身體;index 首頁/索引;home 首頁/家;logo 標(biāo)志;/nav 導(dǎo)航;menu 菜單;banner 橫幅廣告;main 主體;content 內(nèi)容;container/con 容器; wrapper/wrap 包裹(類似于container); sub_menu/second_menu 子菜單/二級菜單;list 列表;item 項目;name 名字;section 分區(qū)/分塊(類似于div);children 孩子;article 文章; aside 側(cè)邊欄/廣告; footer 頁腳/底部; title 標(biāo)題;sub_title 副標(biāo)題;company 公司;news 新聞;product 產(chǎn)品;contact us 聯(lián)系我們;icon 小圖標(biāo);phone 電話;address/add 地址;telephone/tel 電話;message 信息/留言;feedback 留言;case 案例;friend link 友情鏈接;copyright 版權(quán);table 表格;form 表單;service 服務(wù);sort 分類;category 類別;button 按鈕;search 搜索;disable 禁用;download/down 下載;canvas 畫布;iframe 內(nèi)嵌框架;load 加載;pause 暫停;play 播放;video 視頻;method 方式/方法;submit 提交;price 價格;summary 概要;detail 詳細(xì);title 標(biāo)題;time 時間;image 圖片;picture/pic 圖片;reset 重置;textarea 文本域;page 頁;previous/prev 以前的;next 下一個;auto 自動;muted 靜音;script 腳本;loop 循環(huán);2、CSSwidth 寬度;height 高度;line-height 行高;margin 外邊距;padding 內(nèi)邊距;border 邊框;block 塊元素;inline-block 行內(nèi)塊;float 浮動;clear 清除;top 頂部;left 左;right 右;bottom 底部; 背景;cover 覆蓋;contain 包含;position 位置/定位;static 靜態(tài)的;relative 相對的;absolute 絕對的;fixed 固定;opacity 不透明; 透明;color 顏色;first *;second 第二;last *一個;child 子;border-radius 圓角; shadow 陰影; display 展示; hidden 隱藏;overflow 溢出; cursor 光標(biāo); pointer 指示;animation 動畫; 過渡;after 后;before 前;scale 比例;translate 轉(zhuǎn)化;keyframes 關(guān)鍵幀;flex 彈性(布局);border-radius 圓角;justify-content 內(nèi)容對齊;between 兩……之間;center 居中;align 對齊;default 默認(rèn);column 分列;row 行;ellipsis 省略;space 空間;italic 斜體;bold 加粗;active 有效的;focus 焦點(diǎn);infinity 無限;indent 縮進(jìn);important 重要的;3、JSstring 字符;substring 子字符串;object 對象;property 屬性;key 鍵;value 值;params 參數(shù);function 函數(shù);if 如果;else 否則;foreach 循環(huán);return 返回;switch 開關(guān);while 在……時候;void 無效;class 類名;undefined 未定義;boolean 布爾值;double 雙;long 長;length 長度;toggle 切換;scroll 滾動;export 出口;click 點(diǎn)擊; 鼠標(biāo)進(jìn)入; 鼠標(biāo)離開;array 數(shù)組;console 控制臺;delete 刪除;arguments 參數(shù); 運(yùn)算符;split 分裂;append 附加;slice 把…分成部分;

3.前端開發(fā)中經(jīng)常遇到的一些英語單詞

在前端開發(fā)與探討過程中熟悉并了解一些英語是非常關(guān)鍵的,下面整理了一些基礎(chǔ)的前端英語單詞,希望對給位有所幫助web前端學(xué)習(xí):打造全網(wǎng)web前端全棧資料庫(總目錄)看完學(xué)的更快,掌握的更加牢固,你值得擁有(持續(xù)更新)首先、頁面布局(layout)header 頭部/頁眉;index 首頁/索引;logo 標(biāo)志;nav/sub_nav 導(dǎo)航/子導(dǎo)航;banner 橫幅廣告;main/content 主體/內(nèi)容;container/con 容器;wrapper/wrap 包裹(類似于container);menu 菜單;sub_menu/second_menu 子菜單/二級菜單;list 列表;section 分區(qū)/分塊(類似于div);article 文章;aside 側(cè)邊欄/廣告;footer 頁腳/底部;title/sub_title 標(biāo)題/副標(biāo)題;news 新聞;hot 熱點(diǎn);pro 產(chǎn)品(product);company 公司;msg/info 信息(message)/消息;ads 廣告();icon 小圖標(biāo);img 圖片(image);copyright 版權(quán);contact_us 聯(lián)系我們;friend_link 友情鏈接;tel 聯(lián)系電話(telephone);address 地址;其次、CSS樣式(style)CSS 層疊樣式表 (Cascading Style Sheets) ; 背景;position 位置/定位;relative/absolute/fixed 相對定位/絕對定位/固定定位;float 浮動;clear 清除;vertical-align: middle/top/bottom; 垂直居中/上/下;line-height 行高;margin 外邊距;padding 內(nèi)邊距;border 邊框;solid/dashed/dotted 實(shí)線/線虛線/點(diǎn)虛線;border-radius 圓角;shadow 陰影;display 展示;hidden 隱藏;block/inline-block 塊元素/行內(nèi)塊;overflow 溢出;cursor 光標(biāo);animation 動畫;css sprites 雪碧圖/圖片精靈;column 分列;flex 彈性(布局);然后、表單(form)與表格(table)form 表單;action 行為;method 方式/方法;input 輸入框;label 標(biāo)簽;password 密碼;radio 單選框;checkbox 復(fù)選框;btn 按鈕(button);submit/reset 提交/重置;textarea 文本域;select/option 選擇框/選擇項; 占位符(起提示作用);search 搜索;icon 小圖標(biāo);autofocus 自動聚焦;disabled 禁用;checked 選中(單選框/復(fù)選框);selected 默認(rèn)選擇項(下拉選擇框);required 必填項;readonly 只讀;table 表格;thead/tbody/tfoot 表格標(biāo)題/主體/底部;colspan 跨列;rowspan 跨行; 單元格間距(類似于margin); 單元格邊距(類似于padding);border-collapse: collapse; 邊框合并(用于table上); 感謝給位的閱讀,本人在休閑之余整理了一些資料和視頻, 也是我之前剛開始學(xué)前端時候看的一些資料,希望對給位有所幫助,也祝各位在前端之路一帆風(fēng)順!!

看了以上有關(guān)web前端開發(fā)要懂英語嗎?HTML/CSS 有哪些常用單詞需要背嗎?,前端常用詞匯,前端開發(fā)中經(jīng)常遇到的一些英語單詞??的講解,如果還有什么疑問可以直接來電咨詢

溫馨提示:為不影響您的學(xué)業(yè),來校區(qū)前請先電話咨詢,方便我校安排相關(guān)的專業(yè)老師為您解答
相關(guān)資料
姓名不能為空
手機(jī)號格式錯誤