htmlcss前臺學(xué)習(xí)技巧總結(jié).doc

1、文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.htmlcss 前臺學(xué)習(xí)技巧總結(jié)篇一：前端面試題總結(jié)HTML CSS部分前端面試題總結(jié)HTML CSS部分1. 對 WEB標(biāo)準(zhǔn)以及 W3C的理解與認(rèn)識標(biāo)簽閉合、標(biāo)簽小寫、不亂嵌套、提高搜索機(jī)器人搜索幾率、使用外鏈css 和 js腳本、結(jié)構(gòu)行為表現(xiàn)的分離、文件下載與頁面速度更快、內(nèi)容能被更多的用戶所訪問、內(nèi)容能被更廣泛的設(shè)備所訪問、更少的代碼和組件，容易維護(hù)、改版方便，不需要變動頁面內(nèi)容、提供打印版本而不需要復(fù)制內(nèi)容、提高網(wǎng)站易用性;2.xhtml和 html 有什么區(qū)別HTML是一種基本的WEB網(wǎng)頁設(shè)計語言， XHTML是一個

2、基于 XML的置標(biāo)語言最主要的不同： XHTML 元素必須被正確地嵌套。 XHTML 元素必須被關(guān)閉。標(biāo)簽名必須用小寫字母。XHTML 文檔必須擁有根元素。3.Doctype? 嚴(yán)格模式與混雜模式 - 如何觸發(fā)這兩種模式，區(qū)分它們有何意義?用于聲明文檔使用那種規(guī)范 (html/Xhtml) 一般為 嚴(yán)格 過度 基于框架的 html 文檔加入XMl 聲明可觸發(fā)，解析方式更改為IE5.5擁有 IE5.5 的 bug4. 行內(nèi)元素有哪些 ?塊級元素有哪些 ?CSS的盒模型 ?1文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.塊級元素： div p h1 h2 h3 h4 form

3、 ul行內(nèi)元素 : a b br i span input selectCss 盒模型 : 內(nèi)容， border ,margin， padding5.CSS 引入的方式有哪些? link和 import 的區(qū)別是 ?內(nèi)聯(lián)內(nèi)嵌外鏈 導(dǎo)入?yún)^(qū)別：同時加載前者無兼容性，后者CSS2.1 以下瀏覽器不支持Link支持使用 javascript改變樣式，后者不可6.CSS 選擇符有哪些 ?哪些屬性可以繼承?優(yōu)先級算法如何計算 ?內(nèi)聯(lián)和important哪個優(yōu)先級高 ?標(biāo)簽選擇符類選擇符 id選擇符繼承不如指定Idclass標(biāo)簽選擇后者優(yōu)先級高7. 前端頁面有哪三層構(gòu)成，分別是什么?作用是什么 ?結(jié)構(gòu)層 H

4、tml表示層 CSS 行為層 js8.css的基本語句構(gòu)成是?選擇器屬性 1:值1;屬性 2:值2;9. 你做的頁面在哪些流覽器測試過?這些瀏覽器的內(nèi)核分別是什么 ?Ie(Ie內(nèi)核 )火狐 (Gecko)谷歌 (webkit)opear(Presto)10. 寫出幾種 IE6 BUG 的解決方法2文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.1. 雙邊距 BUG float引起的使用 display2.3 像素問題使用 float引起的使用 dislpay:inline-3px3. 超鏈接 hover 點擊后失效使用正確的書寫順序link visited hover ac

5、tive4.Ie z-index問題給父級添加position:relative5.Png透明使用 js 代碼改6.Min-height最小高度 !Important解決7.select在 ie6 下遮蓋使用 iframe嵌套8. 為什么沒有辦法定義 1px 左右的寬度容器 (IE6 默認(rèn)的行高造成的，使用 over:hidden,zoom:0.08 line-height:1px)9.ie 6 不支持 !important11.img 標(biāo)簽上 title 與 alt 屬性的區(qū)別是什么 ? Alt 當(dāng)圖片不顯示是 用文字代表。Title為該屬性提供信息12. 描述 css reset的作用和用

6、途。Reset 重置瀏覽器的css 默認(rèn)屬性瀏覽器的品種不同，樣式不同，然后重置，讓他們統(tǒng)一13. 解釋 css sprites，如何使用。Css 精靈把一堆小的圖片整合到一張大的圖片上，減輕服務(wù)器對圖片的請求數(shù)量14. 瀏覽器標(biāo)準(zhǔn)模式和怪異模式之間的區(qū)別是什么?3文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.盒子模型渲染模式的不同使用可顯示為什么模式15. 你如何對網(wǎng)站的文件和資源進(jìn)行優(yōu)化 ?期待的解決方案包括：文件合并文件最小化 / 文件壓縮使用 CDN托管緩存的使用16. 什么是語義化的 HTML?直觀的認(rèn)識標(biāo)簽對于搜索引擎的抓取有好處17. 清除浮動的幾種方式，各

7、自的優(yōu)缺點1. 使用空標(biāo)簽清除浮動clear:both(理論上能清楚任何標(biāo)簽，增加無意義的標(biāo)簽)2. 使用 overflow:auto( 空標(biāo)簽元素清除浮動而不得不增加無意代碼的弊端 , 使用 zoom:1 用于兼容 IE)3. 是用 afert 偽元素清除浮動 ( 用于非 IE 瀏覽器 )18.css hack_marging IE 6+margin IE 7Marging:0 auto 9所有 IeMargin 0 IE 84文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.篇二： html+CSS+js 學(xué)習(xí)筆記第一章 . 2一、關(guān)于html的大致了解 . 2二、Htm

8、l常用的標(biāo)簽 . 3三、使用vs創(chuàng)建網(wǎng)頁 . 6第二章 . 6DiV（層）、5文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.span. 6二、樣式表、css（層疊樣式表 ） . 6文檔流 . 9Javascript（JS）簡介 . 9第三章 . 11一類型轉(zhuǎn)換 . 126文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.二、斷點調(diào)試、異常處理 . 12三、函數(shù)聲明 . 12四、字符串 . 13五、數(shù)組 . 14六、javaScriptDom編程 . 15第四章 .7文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持. 15一、Body、d

9、ocument對象的事件 ： . 16二、Window對象的屬性 ： .16三、事件冒泡 . 17四、動態(tài)創(chuàng)建、刪除元素 . 18五、InnerText和innerHTML的區(qū)別 . 18第五章 .8文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持. 181、動態(tài)創(chuàng)建表格的另外一種方式 . 192、刪除元素，兩種方式 . 193 、 什 么 時 候 需 要 將 代 碼 放 到window.onload中 ？ . 194、通過js動態(tài)操作頁面樣式 . 195、關(guān)于字符串為空值的判斷 . 196、關(guān)于一些事件 . 207、層的顯示與隱9文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本

10、可編輯 .歡迎下載支持.藏 . 208問題解答與拓展 . 209、form對象 . 2110. 說說不同瀏覽器的不同點以及是怎么解決這些差異的？ . 2111、Js中的正則表達(dá)式 . 22第六章 . 231、HTML、JS的壓縮 .10文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.232、怎樣去寫高效的js代碼 . 243、一些瀏覽器的兼容問題（了解 ） . 24第一章一、關(guān)于 html 的大致了解參考書： 張孝祥 JavaScript網(wǎng)頁開發(fā)體驗式學(xué)習(xí)教程瀏覽器（ 5 大主流瀏覽器） ： IE 【 IE6 及以下版本（ IE7 及 以 上 ）】、 FF(FireFox)

11、 、 Chrome（ 谷 歌 ）、 Opera 、Safari(Apple)兩大引擎：Trident引擎（就是 IE 的 WebBrowser 控件）、webkit引擎HTML(HyperText Markup Language)超文本標(biāo)記語言，就是描述網(wǎng)頁長什么樣子，內(nèi)容的文本。不同瀏覽器品牌對HTML的支持是有差異的，要考慮瀏覽器的兼容問題。通過設(shè)置body 標(biāo)簽的 bgcolor屬性可以設(shè)定網(wǎng)頁的背11文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.景顏色，顏色的取值可以是英文，也可以是十六進(jìn)制（#00FF69, 每兩個為一組，分別代表 R、 G、B 的值） CSS、

12、 JavaScript 都存在瀏覽器兼容問題， CSS尤甚，我們只考慮 JS 的兼容。 靜態(tài)頁面和動態(tài)頁面后綴名為 html 或 htm 都是靜態(tài)頁面； asp、aspx 、jsp 、 php 等都是動態(tài)頁面 網(wǎng)頁的基本結(jié)構(gòu)：? 我的第一個網(wǎng)頁? Hello world?HTML注釋：? body 標(biāo)簽的 bgcolor 屬性可以設(shè)定網(wǎng)頁的背景顏色。Html 和 xml 的區(qū)別：Xml 嚴(yán)格區(qū)分大小寫，html 不區(qū)分大小寫。建議 html全部用小寫。Xml有開始必須要有結(jié)束。Html 可以有開始沒有結(jié)束，建議有開始有結(jié)束。Xml 屬性值一定要用“”引起來，html 可以用引號、單引號或是不跟

13、引號，建議用“”引起來。12文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.都可以通過css 改變外觀。使用上有什么本質(zhì)的區(qū)別：xml 主要用來存儲數(shù)據(jù)， html更側(cè)重于展示數(shù)據(jù)。*( 了解 )xhtml ：可擴(kuò)展超文本置標(biāo)語言（eXtensibleHyperText Markup Language， XHTML），更符合xml 語法規(guī)范的html 。 xhtml的出現(xiàn)主要是為了向xml過度，通過xml+css 也能實現(xiàn)很好的頁面。 【 xhtml 要求：全部小寫、有開始結(jié)束標(biāo)簽、屬性用雙引號】?二、 Html 常用的標(biāo)簽1）H1-h6: 設(shè)置標(biāo)題的等級，h1 字號最大，

14、2）換行3）段落，有一定間距的換行。4）居中5）加粗、帶下劃線、斜體、強(qiáng)調(diào)加斜體【注】建議使用、, 因為他們除了有加粗、斜體，還有強(qiáng)調(diào)。6）作為下標(biāo)、上標(biāo)7) 設(shè)置字體 size 的取值是 1-7,7 最大。8）設(shè)置水平線9）預(yù)格式化標(biāo)簽包含在這個標(biāo)簽中的內(nèi)容會按照原定13文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.的格式顯示出來10）html 編碼 , 只能用地址符空格代表一個空格大于號，可以用來轉(zhuǎn)義標(biāo)簽11）url、超鏈接url:表示資源在網(wǎng)絡(luò)中的地址名字【注】 target的取值范圍： _blank 、 _self 、 _parent 、_top設(shè)置錨 ,文字然后

15、在文章的底部跳轉(zhuǎn)到文字處12）的一些屬性./表示父目錄，. 表示當(dāng)前目錄建議寫的時候用相對路徑的幾個屬性不想顯示圖片邊框，就board=0設(shè)置縮略圖：不建議將一張大圖通過設(shè)置寬和高來改變圖片的顯示，建議使用工具將大圖片改變顯示比例之后保存，從新加載小圖片。Px 單位名稱稱為像素，像素是相對于屏幕分辨率來說的 ;Em 相對于文字大小的倍數(shù)。12) 列表14文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.一般用在名詞解釋上一個標(biāo)簽下可以包含多個 無序列表可以包含多個有序列表【注】 type 的取值可以是： 1、a、A、i 、I 、 disc （實心圓）、circle （空心圓）

16、、 square （小方塊）13) 表格兩行兩列【 注 】 cellspaceing是 指 單 元 格 之 間 的 間 距 ，valign=/qitagongzuozongjie_0228/bottom/qitagongzuozongjie_0228/垂直對齊Cellpadding是值單元格和內(nèi)容之間的間距行列列15文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.合并行和列/ 代表這個單元格跨 3 列/ 代表這個單元格跨 3 行表的標(biāo)題表的頁眉寫在這里的文字，可以自動居中加粗表的頁腳14）表單 ( 一系列的信息 )凡是要輸入提交的都是表單16文檔來源為 :從網(wǎng)絡(luò)收集整理.w

17、ord 版本可編輯 .歡迎下載支持.【注】 type 可以取的值有 text( 文本框 ) 、 password( 密碼框 ) 、radio( 單選框 ) 、checkbox( 復(fù)選框 ) 、 Button( 普通按鈕 ) 、 submit( 提交按鈕 ) 、 reset （重置按鈕） 、 image( 圖片提交按鈕 ) 、 file(文件選擇框 )還可以設(shè)置intput的其他屬性，size=/qitagongzuozongjie_0228/ 15(框的大小)/qitagongzuozongjie_0228/、maxlength=/qitagongzuozongjie_0228/ 3（可以輸入

18、的最大長度）/qitagongzuozongjie_0228/、readonly=/qitagongzuozongjie_0228/ readonly(設(shè)置只讀)/qitagongzuozongjie_0228/、value=/qitagongzuozongjie_0228/默認(rèn)值/qitagongzuozongjie_0228/對 于單選框 ,radio，可以設(shè)置name=/qitagongzuozongjie_0228/名字/qitagongzuozongjie_0228/ , 同一組的 radio 設(shè)置相同的名字，這樣就可以實現(xiàn)單選了。設(shè) 置id=/qitagongzuozongjie_

19、0228/名/qitagongzuozongjie_0228/，文字點中文字，就選擇了對應(yīng)的單選和復(fù)選。Checked=/qitagongzuozongjie_0228/checked/qitagongzuozongjie_0228/某一項默認(rèn)被選17文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.中下拉框：multiple是同時選中多個下拉框中的內(nèi)容下拉框中的內(nèi)容【注】如果想為某一個下拉框設(shè)置label,可以如下：下拉框中的內(nèi)容【注】如果想為某一個些選框分組，可以：組框顯示的內(nèi)容?若干選框【注】顯示多行文本信息15) 滾動文字這是滾動文字【注】 direction:lef

20、t、 right 、 up、 down 向左、右、18文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.上、下behavior:scroll、 slide 、 alternatescrolldelay:滾動的速度。單位為毫秒數(shù)，默認(rèn)為85。16）插入 mp3插入 falshtype=application/x-shockwave-flashwidth=760 height=70017)*meta 標(biāo)簽meta 標(biāo)簽包括在head 標(biāo)簽中。主要用來描述頁面自身信息? 標(biāo)簽，有指定 name和指定 http-equiv 兩種用法：? 關(guān)于網(wǎng)頁的描述信息。? 模擬 http 響應(yīng)頭

21、信息。? 例如：? 指19文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.定網(wǎng)頁編碼? 三秒鐘后刷新此網(wǎng)頁。? 三秒鐘后重定向到新網(wǎng)頁。發(fā)帖成功后提示發(fā)帖成功，即將轉(zhuǎn)向帖子查看頁面/qitagongzuozongjie_0228/。? 禁止瀏覽器緩存頁篇三： css+html+js 總結(jié)第二章 css+html+js目錄一，web項目基礎(chǔ)知識 11web項目 1 2 web 服 務(wù)器 11）常用的web服務(wù)器：20文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持. 1 2 ）tomcat1 3 ） 第1 種 方 式 發(fā) 布 項目 2 4 ）修改Tomcat

22、端口號 2 5 ）第2種發(fā)布項目方法 2 6)使用MyEclipse操作tomcat 2二，html知識 31.html的幾點解釋 21文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.32.超鏈接 31）跳到具體頁面：32）跳到servlet頁面 33.ol與ul3 4 書 名 號 的 書寫 45橫線和換行 4 6斜體 , 粗體 , 刪除體以及字體的大小 4 7上標(biāo)和下22文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.標(biāo) 48圖片的插入 49段落 4三 ，CSS 51Css 51）什么是css ？ 52）css的用途 23文檔來源為 :從網(wǎng)絡(luò)收集整理.

23、word 版本可編輯 .歡迎下載支持.52css選擇器 51）標(biāo)記選擇器 52)class選擇器 6一， web 項目基礎(chǔ)知識1 web 項目可以發(fā)布到web 服務(wù)器上的項目1）web 項目包含 src 和 WebRoot兩個子目錄a） src目錄包含 java 類以及一些配置文件的信息b）WebRoot 項目的根目錄，所有的 web的文件（ css,htmljs, 圖片等文件） 放到 webRoot 下，但不要放到META-INF和WEB-INF（暫時）c）WebRoot下面有一個lib ，存放跟相關(guān)所有的jar文件 2 ） java企業(yè)級開發(fā)全是web 項目 - j2ee2 web 服務(wù)器24文檔來源為 :從網(wǎng)絡(luò)收集整理.word 版本可編輯 .歡迎下載支持.1） 常用的 web 服務(wù)器：tomcat,jboss,weblogic,websphere2） tomcatbin 目錄，主要存放時服務(wù)器啟動或關(guān)閉的文件conf 目錄：主要存放 tomcat 服務(wù)器中主要的配置文件，盡量不要隨便修改lib目錄：主要存放服務(wù)器運行所需要的所有的jar ，不要刪除任