Web前端開發(fā)基礎(chǔ)總結(jié)

時間：2023-07-22 06:21:01 | 來源：網(wǎng)站運營

時間：2023-07-22 06:21:01 來源：網(wǎng)站運營

Web前端開發(fā)基礎(chǔ)總結(jié)：1、前端技術(shù)包括4個部分：前端美工、IE兼容、CSS、HTML“傳統(tǒng)”技術(shù)與Adode AIP、Google Gears以及概念性較強的交互式設(shè)計、藝術(shù)性較強的視覺設(shè)計。更多文章 http://www.icketang.com/?sxt175

2、前端開發(fā)工程師職責(zé)：根據(jù)設(shè)計圖用HTML+CSS 完成頁面制作，在此基礎(chǔ)上對完成頁面進行維護和對網(wǎng)站前端性能做相應(yīng)的優(yōu)化，有一定的美工，審美能力。

3、資深前端開發(fā)工程師：使用JavaScript或ActionScript來編寫和封裝具有良好性能的前端交互式組件，熟悉使用CSS+XTHML完美輸出視覺界面，對Web項目的前端實現(xiàn)方案提供專業(yè)指導(dǎo)、監(jiān)督，并在日常工作中對新人員以及相關(guān)開發(fā)人員進行培訓(xùn)和指導(dǎo)、跟蹤研究前端開發(fā)技術(shù)，設(shè)計并實施全網(wǎng)前端優(yōu)化。

4、XHTML CSS 基礎(chǔ)知識

（1）、文檔類型：DW打開html第一句代碼

（2）、語言編碼：gb2312（簡體中文） UTF-8（國際通用）

（3）、html標(biāo)簽：在頁面中都必須有結(jié)束標(biāo)志

（4）、css樣式：外部、內(nèi)部、行內(nèi)、導(dǎo)入

（5）、css優(yōu)先級：id優(yōu)于class；后面覆蓋前面的定義

（6）、css盒模型組成：由css定義大小不一的盒子

5、標(biāo)準(zhǔn)的xhtml是由小寫字母組成的

6、css樣式導(dǎo)入中用：@import url（”路徑“）；全局都用到的樣式嵌入所要用的單獨表

7、css樣式中盒子的width只是內(nèi)容的寬度，模型的寬度是由左右邊界+左右邊框+左右填充+內(nèi)容

8、居中：外邊界自動，margin：auto；

9、display：inline將塊級元素改為內(nèi)聯(lián)元素，display：block則相反

10、導(dǎo)航：menu---ul li 二級導(dǎo)航：nav 定義

11、網(wǎng)頁制作全局global.css樣式，去掉網(wǎng)頁默認設(shè)置屬性

12、超鏈接的四種樣式：a:link a:visited a:hover a:active

13、首字下沉：p｛屬性｝p：fisrt-letter｛屬性,float:left｝

14、layout版面設(shè)計

15、文字垂直居中 line-height：10px；圖片垂直居中：vertical-align：middle；

16、網(wǎng)站首頁的主體樣式：頭部、導(dǎo)航、內(nèi)容、底部

17、寫樣式：全局樣式表：global.css 基礎(chǔ)樣式定義

18、layout.css 版面設(shè)計樣式表 /*body*/

（1）、#container｛全局div 寬度、居中｝

（2）、頭部 #header｛｝

（3）、導(dǎo)航 #menu｛｝

（4）、內(nèi)容整體框架 #main content｛｝ #main｛左邊內(nèi)容區(qū)域｝ #side｛右邊內(nèi)容區(qū)域｝

（5）、底部#footer｛｝

19、頭部一般分兩個部分：logo 和 search （inp_srh 和 btn_srh）

20、導(dǎo)航：一般有一級導(dǎo)航和二級導(dǎo)航（menu 和 nav）列表形式：ul li a

21、標(biāo)題形式可用：h1-h6 加粗用strong

22、列表形式用 ul li 有序號 1.2.3用ol li

23、內(nèi)容標(biāo)題形式用 dl dt dd

24、瀏覽器獨有的識別符號：_ IE6 ; * IE6 IE7 ; *+html IE7 ; *html IE6 寫在樣式前面 ！import IE7 FF ；/g IE8 寫在樣式后面

25、css屬性：<nobr></nobr>強行不換行 互換為大小寫：text-transform：uppercase/lowercase/首個字母大寫capitlize

26、css if hack 語法 <!--[if IE6]>only IE6 <[!end if]-->

27、靜態(tài)語句截斷字符：定義css寬度 overflow：hidden//多余的隱藏 text-overflow：ellipsis； 文本省略（…）代替 white-space：nowrap； 文本不換行

28、所有的xhtml元素和屬性名字都必須使用小寫

29、為所有圖片添加alt屬性

30、標(biāo)準(zhǔn)的w3c校正網(wǎng)址

31、注釋：<!--這里是注釋=======================這里是注釋-->

32、輔助圖片一律用杭州形式表示。