資源描述:
《web前端知識(shí)點(diǎn)總結(jié)》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、HTML知識(shí)點(diǎn)一、功能用來(lái)制作靜態(tài)網(wǎng)頁(yè),網(wǎng)頁(yè)中的全部?jī)?nèi)容都是通過(guò)Html語(yǔ)言展現(xiàn)出來(lái)。使用場(chǎng)合:開(kāi)發(fā)靜態(tài)網(wǎng)頁(yè)。二、思想一切功能都由標(biāo)簽實(shí)現(xiàn),標(biāo)簽具有四要素。三、常用標(biāo)簽標(biāo)簽關(guān)鍵字功能常用屬性設(shè)置字體,字號(hào),顏色face,color,size
換行
居中對(duì)齊
設(shè)置標(biāo)題級(jí)別H1最大h6最小align
插入水平線size,width,align
劃分段落,align
創(chuàng)建有序編號(hào)列表type,start
定義一個(gè)列表項(xiàng)
定義無(wú)序
2、符號(hào)列表type插入圖片src,width,height,border,title,alt
插入表格border,width,height,bgcolor,bordercolor,cellpadding,cellspacing
|
創(chuàng)建一行
| 創(chuàng)建一列colspan,rowspan
| 創(chuàng)建一列,元素居中,粗體
設(shè)置表格的標(biāo)題
收集用戶輸入信息,并提交給服務(wù)器action,method
創(chuàng)建文本框n
3、ame,valuereadonly,disabled創(chuàng)建密碼框創(chuàng)建單選按鈕checked創(chuàng)建下拉列表框name創(chuàng)建列表項(xiàng)value,selected創(chuàng)建復(fù)選框checked創(chuàng)建文本區(qū)域name,rows,cols創(chuàng)建隱藏控件創(chuàng)建提交按鈕4、ype="reset"/>創(chuàng)建重置按鈕超級(jí)鏈接,網(wǎng)頁(yè)跳轉(zhuǎn)href,target指定快速的查詢到該網(wǎng)頁(yè)的關(guān)鍵字//提供網(wǎng)頁(yè)內(nèi)容的描述信息//指定文檔類型和頁(yè)面字符集四、案例1、詩(shī)篇2、學(xué)生課程表3、注冊(cè)頁(yè)CSS知識(shí)點(diǎn)一、功能1、css格式化頁(yè)面中的各組成元素2、css決定元素在頁(yè)
5、面的具體位置二、思想屬性是css最小構(gòu)成單元,每個(gè)屬性都有特定功能,多個(gè)屬性構(gòu)成樣式,由樣式修飾html語(yǔ)言的標(biāo)簽。三、樣式修飾標(biāo)簽1、style屬性html標(biāo)簽添加style屬性,屬性值是多個(gè)css屬性的組合。2、標(biāo)簽選擇器樣式名與標(biāo)簽關(guān)鍵字相同,根據(jù)名稱相同自動(dòng)關(guān)聯(lián)。3、ID選擇器1>樣式名以#開(kāi)始;2>標(biāo)簽添加id屬性與樣式關(guān)聯(lián)。4、類選擇器1>樣式名以.開(kāi)始;2>標(biāo)簽添加class屬性與樣式關(guān)聯(lián)。5、屬性選擇器標(biāo)簽名[屬性名=屬性值],根據(jù)標(biāo)簽關(guān)鍵字和屬性值自動(dòng)關(guān)聯(lián)。6、包含選擇器1>子樣式名中間加>或空格分隔(>直接包含);2>看最后一個(gè)子樣式是什么選擇器就如
6、何關(guān)聯(lián)標(biāo)簽。7、多個(gè)樣式名同一樣式體1>樣式名中間加逗號(hào)分隔;2>根據(jù)樣式類型決定如何與標(biāo)簽關(guān)聯(lián)。8、多條件同時(shí)成立選擇器1>多個(gè)子樣式名緊挨著2>一個(gè)標(biāo)簽必須同時(shí)具備這多個(gè)條件才可以被該樣式修飾9、各選擇器使用場(chǎng)合1)如果想根據(jù)標(biāo)簽名用一個(gè)樣式修飾所有同名標(biāo)簽時(shí),用標(biāo)簽選擇器;2)如果一個(gè)樣式只想修飾唯一的一個(gè)標(biāo)簽時(shí),用id選擇器;3)如果一個(gè)樣式想修飾多個(gè)任意標(biāo)簽時(shí),用類選擇器;4)盡量使用包含選擇器。四、元素定位1、盒子模型通過(guò)設(shè)置標(biāo)簽的內(nèi)外邊距從而改變?cè)氐奈恢?,沒(méi)有脫離標(biāo)準(zhǔn)文檔流。相關(guān)屬性:marging-top:外上邊距margin-right:外右邊距ma
7、rgin-bottom:外下邊距margin-left:外左邊距margin:同時(shí)設(shè)置上右下左四個(gè)外邊距(順時(shí)針)padding-top:內(nèi)上邊距padding-right:內(nèi)右邊距padding-bottom:內(nèi)下邊距padding-left:內(nèi)左邊距padding:同時(shí)設(shè)置上右下左四個(gè)內(nèi)邊距border-top:設(shè)置上邊線的粗細(xì),顏色,線型border-right:設(shè)置右邊線的粗細(xì),顏色,線型border-bottom:設(shè)置下邊線的粗細(xì),顏色,線型border-left:設(shè)置左邊線的粗細(xì),顏色,線型border:同時(shí)設(shè)置四個(gè)邊線的粗細(xì)