web前端開發(fā)知識點(diǎn)總結(jié)

1、HTML知識總結(jié)圖片標(biāo)簽常用標(biāo)簽帶標(biāo)題的框文本類水平線超鏈接span行級元素，多個司行divimghrcolor：顏色width：寬度長度）height： i殳置髙 度size：高度（粗 細(xì)）herf：超鏈接轉(zhuǎn)到的地址alts圖片加載失 敗顯示的文本fieldset塊級元素，獨(dú)占一行塊級元素，前后保留一行標(biāo)題標(biāo)簽，hl-h,6表6個等級，加粗，前后保留一行width： 設(shè)置寬度targetlegend_5Elf：默認(rèn)值，在 當(dāng)前頁面打開IHblmnk:在新窗口打開設(shè)置標(biāo)題無序列蔻有序列表Ullolsquare：小方塊disc：實(shí)心圓circle：空心E喪格標(biāo)簽trthtdcaptionroMp

2、ancobpan喪單項(xiàng)下拉菜單 actionmethod裘示行r表示標(biāo)題單元格, 居中、加粗表示一個單元格喪示標(biāo)題，定義在第一行，居中f設(shè)s單元格占的行數(shù)設(shè)置單元格占的列數(shù)表單提交地址get：顯示提交參數(shù)，將蚩數(shù)用？和&桶接到uH上帶到服務(wù)器端post：隱式提交參數(shù)selected默認(rèn)選中multiple設(shè)S下拉 菜單為多迭模式Optgroup表示分組， 分組不能迭,只能選 分組中的option J文本域 rows:顯示文本的行數(shù)（高度）5：顯示文本的列 數(shù)侵度）Input文本框 type二text JLJvalue：譽(yù)認(rèn)值disabled J 不會8 提交到服務(wù)器maxlength：最大可

3、輸入？符數(shù)readonly：只讀（會祓提交到服務(wù) 器）Placeholder：提TH 內(nèi)容j?e：顯示宇符長 度（控制文本框長 度）name!參數(shù)名inputV文件選擇框 tYpWfile復(fù)選框tYp e=checkbox單選按鈕 type二radio密碼框type=p asswordchecked s默認(rèn)選中按鈕提交type二submits按鈕typ e=buttonV.J重置typ e二resetJ框架集rowscolsborderborderColorframe：表不框架noresize：不能改 變框架大小Jscolling：是否顯 示滾動條(yes、框架集中的超鏈接打開方式target

4、, no、auto) J設(shè)置框架集在縱 向上的拆分策略設(shè)置框架集在橫向上的拆分策略框架邊框的寬度框架邊框顏色frameBorder逬置框架是否有邊框(yes I no)blank:新窗口中打開self:在當(dāng)前窗口打開y_parent:父窗口中打開-top在最頂層窗口中打開frameName :在對應(yīng)name框架打開4其他標(biāo)簽廠htmlS新標(biāo)簽ifame在頁面中嵌入框架dk dtx ddmarquee ：滾動標(biāo)簽img usemapruby：用rt包含的內(nèi)容對前面的普通文本進(jìn)行注釋輸入控件datalist：自動提示數(shù)5 手機(jī) imj sresusema pm&Wusemasha pMcirdec

5、o5dW309,257Zrtarget=_blankh Mp :/www. b id u orr入子 Ashapes pWgrd$ 礬258,3X6,2”,283340,2803B6314target=blankhrfa*hltp7/www bidu.conViM14 炒漢 r 5 呵呵呵 hehehe 吃 了沒？ a re yoJ chi I e range：范園選擇color：顏色迭擇number:數(shù)字輸入date picker：日期選擇 sichuan cho ngqingv/option euanBzhou shanghai beijjng tianjln radio：autocomp

6、letes O 關(guān)用胡痂(offlijion)Vautofocus:帥飆隹占required:赫挪必讎Micontrols: ftOSs,preload ： ft 爲(wèi)WS17 autoplay,舸 M .ijl preload V/樣式定義方式樣式塊：在傕標(biāo)簽中編寫樣式 塊，并通過一走規(guī)則（選擇器）應(yīng)用 到對應(yīng)的那些標(biāo)芟上通常寫在2 中）外部樣式文件：將樣式塊編寫在外部 的W文件中n不用寫5呼亡標(biāo)鑒）-在需要使用樣式的頁面匾過hrk標(biāo)所有隨后的兄弟關(guān)系E亡陀如n-selecEDr2（.針對汕亡0旳后的所有緊鄰兄弟關(guān)系選擇$亡1亡口旳* 泅已加創(chuàng)O外對豎尊 加亡皿門 后的selector?元素標(biāo)

7、細(xì)聲名g的標(biāo)奘選饕紳哼屈性和的子元秦關(guān)系選擇沁ig門A5亡心也 只H對 汨兇ofi的y址皿吃子元 養(yǎng)（如果有后代seleaof2元素則不合血 用i后代元素關(guān)系選擇sclectoflseledtor2 W針對5皿mn下的所有的CSS知識點(diǎn)總結(jié)內(nèi)聯(lián)：亙接在標(biāo)簽的池屬性上編寫樣式簽引入樣式文件通常寫在中*匕選擇器戰(zhàn)XX針對陽対的標(biāo)婪*選擇器選擇所有元辜seleclor2的sell edora兄弟元素i n put type = text 5llie=cDlorbluejba 匚 kgrounclcDl or eeeeff;span Scolorgfeen” backgrau ndDlor #eeff

8、ee；iesheer常用屬性字體color：手體顏色文本font-size：字體大小font-family!寧體樣式font-weight: bolder(加 粗)I normal(不加粗)font-style:設(shè)5$體傾 斜(normal | Italic | oblique廣italk 和 oblique 際顯不處果 幾乎一 Jfont-variant;設(shè)S寧體顯示為小型大寫寧母tMtalign:水平對齊方 式(left I center | right)verti cahal ign：垂直對齊方式(top I middle |bottom)line-height 設(shè)S行高（通常用于設(shè)s文

9、本居中）white-s pace: nowra p 不 換行pnf當(dāng)做py標(biāo)簽border:邊框(Ipxsolidred)width:寬度height;高度text-decoration:文本裝 佈line-through 貫穿線（刪 除線）overline上劃線;blink 閃爍underline下劃線none 無texts ha dow:文本陰影diextShadow 3px3px5pxred,第一個秦?cái)?shù)陰影水平位貴（X釉上的偏移里）第二個羞教陰影每盲位畫（Y軸上的偏移璧）第三個參數(shù)鎮(zhèn)糊程度第四個鬆數(shù)陰影顏色J盒子模型padding：內(nèi)邊距P adding: XX px;p adding:

10、 XX px xxpx; padding xxpx xxpx xxpx;padding xxpxxxpx xxpxxxpx. padding auto,p adding: XX pxauto. paddingtop p adding-left p addi ngrightp adding-bottom_margin：外邊距margin xxpx, marein:xxpx xxpx; marginixxpx xxpxxxpx; mareinixxpx xxpx xxpx xxpx, margin auto, margin:xxpx auto; margin-top margin-left mar

11、gin-rightborder:邊框background*color 背景顏色backeround-image 背景圖片background-re peat: no-re peat | rep eat-x |repeat-y | rep eatbackgroundposition:xxxpxxxpx | xx%XX%（可以為員數(shù)）background-size: xxxpx xxpx | xx% xx% |cover I cental nJ不能為負(fù)數(shù)）cover:拉伸，可以超出contain拉伸不能超出backgroundedttachment stroll俺著內(nèi)容起滾動）I fixed （不

12、滾動）color：顏色；width：寬度；style： outs et 11 nsetl sol id I doublet dotted borderradius lOpx,/* 同時(shí)設(shè)S 4 個角/J布局Jdisplay：設(shè)S元素是否 顯示float:浮動overflow：當(dāng)內(nèi)咨溢出 時(shí)的處理方式hidden：隱建Jscroll 滾動visible：直接顯示auto *如果益呂就滾動，否則不顯示滾動條visible 顯示visibility：設(shè)S元素是 否顯示hidden隱藏，保留占位block:設(shè)置為塊級元 素Inline：設(shè)$為行級元 素none:隱藏，不保留占位inline-block

13、：設(shè)5為行內(nèi)塊元素left左浮動clear蒼除浮動right不允許右邊有浮動Jright右浮幻Jnone不浮動Jleft不允許左邊有浮動both不允許兩邊有浮動J/ 、/ 、山或d自帯樣式；list-style-type:列表項(xiàng)的marsin IGpxOpx.祥式padding:Opx OpxOpx1JIMpx,J定位偽類其他樣式positionlink超鏈接默認(rèn)樣式hover鼠標(biāo)懸停樣式Jactive鼠標(biāo)點(diǎn)擊樣式/yfoe us獲得輸入焦點(diǎn)的樣式first-child第一個兀素last-child最后一個元素J一box-shadow 陰影visited訪可之后的樣式 （主要控制顏色）z-in

14、dex:設(shè)置z軸的值, 越大越在最前:noly-child是父元素的唯 一子元素cursor鼠標(biāo)樣式:not不包含指定的選relative：相對定位參照元素本身的位置absolute：如果有父元 素被定位按照父元素的 原點(diǎn)進(jìn)行定位，否則按 照瀏覽器原點(diǎn)進(jìn)行定位 3fixed：固定位置，不會滾動廠第一個值表示需要過的樣式屬性第二個值表示整個過濺過程需要的時(shí)間 第三個值表示過渡時(shí)的貝塞爾曲線 第四個值表示郊遲多久才開始過濃廠、kevfarmes關(guān)鍵幀用于定義動畫的細(xì)節(jié)(每一恢如何顯 示)(keyframes myanimationf0% background-color#cfc;30% backg

15、roundcolorftcctborderradiusiS Opx;80% width: 300px, background-colorfffcc,an imati on 動畫100% width: 300px; height; 300px, background-color #000,-o-keyframes mvanimation gJ-ms-keyframes mvanimatlonf (o-mo2-keyframes myanimationn (-webkit-keyframes myanimationO需要顯示動畫的地方通過animation屬性來使用聲明的關(guān) 鍵幀 .ac：octv

16、eanimation myanimation 5s.-o-animatio n: myanimationSs;-ms-anima tion:myani mation 5s; -mozanimation mvanimation 5s, -webkit-animation myanlmation 5s.opacity透明度從0.0 IQ 0.0完全透明，1.0完全不透明瀏覽器兼容前綴-webkit- chrome, safari,operaomoz-ms-opera firefox le newDateQBMflOate荻取指卻中na汩期對象vardate newDate（yyyv.MM,dd,H

17、H/nms）設(shè)S指定時(shí) （將時(shí)間對象設(shè)養(yǎng)為一個指定時(shí)間）now.setFullYear（v/y,MM.dd,HH,mmS|now.setMonttinowsetOatenow.setHours獲取指定時(shí)間信息nowgetFtHiyearO年只能取出年份如2015now eetMonth 月 0-11 月now.getDate / 日now.getDay星期0-6 （0表示星期天）now.getHours 時(shí) 24 小時(shí)制 now getMinutes 分 now eetSecDods 秒 now.getMillisecorxls/ 秒數(shù)組Array可以通過lenph來設(shè)$或獲取數(shù)組的長度通過n

18、ew Array（味創(chuàng)建數(shù)組var names new ArrayO,var names - newMaW小王,吠王，“炸彈“）；創(chuàng)建時(shí)給數(shù)組設(shè)貴默認(rèn)值用bon格式表示數(shù)組var names,var names 小王：吠王t炸彈”hpush :往數(shù)組末庫添加元素pop刪除并返回?cái)?shù)組的最后一個元素 unshift往數(shù)組的開頭添加元素 shift刪除并返回?cái)?shù)組的第一個元素 reverse顛倒數(shù)組順序 sort按字符串”的自然排序規(guī)貝燧行升序 spla刪除指定位養(yǎng)處的指定個數(shù)元素并將第三個養(yǎng)數(shù)之后的養(yǎng)數(shù)添加到 披刪除位5（設(shè)g第二個參數(shù)為0則實(shí)現(xiàn)只添加不刪除之倍入兩個參數(shù)實(shí) 現(xiàn)只刪除不添加）Slic

19、e獲取Shift到d處的子數(shù)組Join：將數(shù)組元素以指定分隔符進(jìn)行洼接成為字符串DOMIDocumeni Object Model)文檔對象橈511事件機(jī)制function xxx(聲明函數(shù)函數(shù)變#將函數(shù)作為蚤數(shù)varxxx function ()(varooo = xxx；000()；functionfnfx)fx();fn(fufKtion ()；立即執(zhí)行函數(shù))()；荻取元素onclick鼠標(biāo)15擊事件varw document.getElementBvWOof)；geiElementsByTagName根據(jù)標(biāo)簽名獲取元 素?cái)?shù)組getElementsBaassName根據(jù)類獲取元素 數(shù)組（

20、如果元素狠改變了 dass值將會從數(shù)getElementBvId根據(jù)id獲取唯一的元毒onmouseover鼠標(biāo)逬入事件onmouseout鼠標(biāo)離開事件onmousernove鼠標(biāo)披移動onrrxjusedown鼠標(biāo)按ffl瀕按下onmouseup鼠標(biāo)按竊裱松開onkeydown某個鍵盤扌安鍵披按下onkevup某個鍵盤按鍵彼松開onload 張頁面或圖橡被完成加載onchange域的內(nèi)容被改變onfocus元素獲得焦點(diǎn)onblur元素尖去焦點(diǎn)組中刪除）BOM(Browser Object Model)windowsetTimeout: 32遲執(zhí)行(只會執(zhí)行一次)var XX = 5etTimeout(xxx, 1000),setTimeout(fn();t 3000);清除使用 clearTimeoutm /獲取元素的