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

17332948818

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

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

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

首先Web開(kāi)發(fā)是要用英語(yǔ)的,不管是使用哪種語(yǔ)言編程都離不開(kāi)英語(yǔ),另外英語(yǔ)好的程序員確實(shí)有一些優(yōu)勢(shì),比如可以看國(guó)外的文檔,可以在國(guó)外的網(wǎng)站上學(xué)習(xí)編程技術(shù)或者閱讀原版的技術(shù)書(shū)籍。但就web編程的技術(shù)來(lái)說(shuō),和英語(yǔ)的好壞沒(méi)有直接的關(guān)系,只要不是簡(jiǎn)單的英語(yǔ)單詞都不認(rèn)識(shí)就行了,Web前端雖然關(guān)鍵字偏多,但是這些單詞跟四級(jí)比起來(lái)連九牛一毛都算不上,即使開(kāi)始不熟悉哪些常用的單詞,在熟悉編程后,那些常用的詞語(yǔ)天天間,自然也熟悉了。下面整理了一些HTML/CSS中常用的單詞,先把單詞記住了,再寫(xiě)代碼就容易很多。頁(yè)面布局(layout)header 頭部/頁(yè)眉;index 首頁(yè)/索引;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 子菜單/二級(jí)菜單;list 列表;section 分區(qū)/分塊(類似于div);article 文章;aside 側(cè)邊欄/廣告;footer 頁(yè)腳/底部;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之間的空格去掉,不要忘記分號(hào));<br/> (文字末尾添加)換行;CSS樣式(style) CSS 層疊樣式表 (Cascading Style Sheets) ; 背景;: -webkit-gradient(top red orange yellow green lightblue blue purple) 顏色漸變;position 位置/定位;relative/absolute/fixed 相對(duì)定位/絕對(duì)定位/固定定位;float 浮動(dòng);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 動(dòng)畫(huà);css sprites 雪碧圖/圖片精靈;column 分列;flex 彈性(布局);表單(form)與表格(table)form 表單;action 行為;method 方式/方法;input 輸入框;label 標(biāo)簽;password 密碼;radio 單選框;checkbox 復(fù)選框;btn 按鈕(button);submit/reset 提交/重置;textarea 文本域;select/option 選擇框/選擇項(xiàng); 占位符(起提示作用);search 搜索;icon 小圖標(biāo);autofocus 自動(dòng)聚焦;disabled 禁用;checked 選中(單選框/復(fù)選框);selected 默認(rèn)選擇項(xiàng)(下拉選擇框);required 必填項(xiàng);readonly 只讀;table 表格;thead/tbody/tfoot 表格標(biāo)題/主體/底部;colspan 跨列;rowspan 跨行; 單元格間距(類似于margin); 單元格邊距(類似于padding);border-collapse: collapse; 邊框合并(用于table上);

2.前端常用詞匯

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

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

在前端開(kāi)發(fā)與探討過(guò)程中熟悉并了解一些英語(yǔ)是非常關(guān)鍵的,下面整理了一些基礎(chǔ)的前端英語(yǔ)單詞,希望對(duì)給位有所幫助web前端學(xué)習(xí):打造全網(wǎng)web前端全棧資料庫(kù)(總目錄)看完學(xué)的更快,掌握的更加牢固,你值得擁有(持續(xù)更新)首先、頁(yè)面布局(layout)header 頭部/頁(yè)眉;index 首頁(yè)/索引;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 子菜單/二級(jí)菜單;list 列表;section 分區(qū)/分塊(類似于div);article 文章;aside 側(cè)邊欄/廣告;footer 頁(yè)腳/底部;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 相對(duì)定位/絕對(duì)定位/固定定位;float 浮動(dòng);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 動(dòng)畫(huà);css sprites 雪碧圖/圖片精靈;column 分列;flex 彈性(布局);然后、表單(form)與表格(table)form 表單;action 行為;method 方式/方法;input 輸入框;label 標(biāo)簽;password 密碼;radio 單選框;checkbox 復(fù)選框;btn 按鈕(button);submit/reset 提交/重置;textarea 文本域;select/option 選擇框/選擇項(xiàng); 占位符(起提示作用);search 搜索;icon 小圖標(biāo);autofocus 自動(dòng)聚焦;disabled 禁用;checked 選中(單選框/復(fù)選框);selected 默認(rèn)選擇項(xiàng)(下拉選擇框);required 必填項(xiàng);readonly 只讀;table 表格;thead/tbody/tfoot 表格標(biāo)題/主體/底部;colspan 跨列;rowspan 跨行; 單元格間距(類似于margin); 單元格邊距(類似于padding);border-collapse: collapse; 邊框合并(用于table上); 感謝給位的閱讀,本人在休閑之余整理了一些資料和視頻, 也是我之前剛開(kāi)始學(xué)前端時(shí)候看的一些資料,希望對(duì)給位有所幫助,也祝各位在前端之路一帆風(fēng)順!!

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

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