《Web前端開發(fā)技術(shù)》-重點復(fù)習(xí)_第1頁
《Web前端開發(fā)技術(shù)》-重點復(fù)習(xí)_第2頁
《Web前端開發(fā)技術(shù)》-重點復(fù)習(xí)_第3頁
《Web前端開發(fā)技術(shù)》-重點復(fù)習(xí)_第4頁
《Web前端開發(fā)技術(shù)》-重點復(fù)習(xí)_第5頁
已閱讀5頁，還剩4頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

HTML標(biāo)簽HTML標(biāo)簽分為兩類，單標(biāo)簽（<br/><input/>）和雙標(biāo)簽<div></div><p></p>所有Html標(biāo)簽內(nèi)部都可以添加屬性，寫法為：屬性名=”屬性值”,多個屬性之前用空格間隔如：<inputtype=”text”name=”賬號”/>,<divclass=”xxClass”id=”xxId”></div>HTML注釋的方式為<!--xxxx-->xxxx為注釋的內(nèi)容HTML標(biāo)簽分為頭部標(biāo)簽（<head>）和主體標(biāo)簽（<body>）頭部標(biāo)簽通常包含title、link、meta、style、script標(biāo)簽等body標(biāo)簽所包含的為具體呈現(xiàn)內(nèi)容的標(biāo)簽如（p、div、a、img、ul、ol等）HTML標(biāo)簽標(biāo)簽名標(biāo)簽代碼案例標(biāo)題h1~h6<h1>標(biāo)題</h1>段落p<p>一段文字</p>文本格式化加粗b,strong傾斜i,em下劃線u,ins刪除線s,del<b>xxxx<b/><em>xxxx</em><u>xxxx</u><del>xxxx</del>圖片視頻音頻imgvideoaudio<imgsrc=”../img/圖片1.png”title=”xxx”alt=”yyyy”width=”200”height=”200”>超鏈接a<ahref=””target=”_blank”>百度一下</a>表格table,thead,tbody,tr,th,td,captioncolspan橫向合并，合并多個列rowspan縱向合并，合并多個行<table><caption>表格標(biāo)題</caption><thead><tr><th>列名1></th><th>列名2></th></tr></thead><tbody><tr><td>單元格1</td><td>單元格2</td></tr></tbody></table>表單forminputselectoptiontextarea<form><inputtype=”text”name=”賬號”/><select><option>1</option><option>2</option></select><inputtype=”submit”value=”提交”/></form>列表ulollidldtdd<ul><li>aa</li><li>bb</li><li><div>cc</div></li></ul>區(qū)域div<div></div>文本span<span>123</span>h5語義化區(qū)域標(biāo)簽headerfootersectionasidearticle換行標(biāo)簽分割線標(biāo)簽brhr7.3Input元素及屬性屬性屬性值描述typetext單行文本輸入框password密碼輸入框radio單選按鈕checkbox復(fù)選框button普通按鈕submit提交按鈕reset重置按鈕image圖像形式的提交按鈕hidden隱藏域file文件域emaile-mail地址的輸入域urlURL地址的輸入域number數(shù)值的輸入域range一定范圍內(nèi)數(shù)字值的輸入域Datepickers(date,month,week,time,datetime,datetime-local)日期和時間的輸入類型search搜索域color顏色輸入類型

tel電話號碼輸入類型7.3Input元素及屬性name由用戶自定義控件的名稱value由用戶自定義input控件中的默認(rèn)文本值size正整數(shù)input控件在頁面中的顯示寬度readonlyreadonly該控件內(nèi)容為只讀（不能編輯修改）disableddisabled第一次加載頁面時禁用該控件（顯示為灰色）checkedchecked定義選擇控件默認(rèn)被選中的項maxlength正整數(shù)控件允許輸入的最多字符數(shù)autocompleteon/off設(shè)定是否自動完成表單字段內(nèi)容autofocusautofocus指定頁面加載后是否自動獲取焦點form

form元素的id設(shè)定字段隸屬于哪一個或多個表單listdatalist元素的id指定字段的候選數(shù)據(jù)值列表multiplemultiple指定輸入框是否可以選擇多個值min、max和step數(shù)值規(guī)定輸入框所允許的最大值、最小值及間隔pattern字符串驗證輸入的內(nèi)容是否與定義的正則表達(dá)式匹配placeholder字符串為input類型的輸入框提供一種提示requiredrequired規(guī)定輸入框填寫的內(nèi)容不能為空屬性屬性值描述容器級標(biāo)簽和文本級標(biāo)簽容器級標(biāo)簽里可以放置任何標(biāo)簽。文本級標(biāo)簽里只能放置文字、圖片、表單元素塊級元素布局特點每個元素獨(dú)占一行，排斥其他元素元素的高度、寬度、行高以及頂和底邊距允許設(shè)置元素寬度在不設(shè)置的情況下，是它本身父容器的100%行內(nèi)元素布局特點和其他行內(nèi)元素并排在一行顯示元素的高度、寬度、行高及頂部和底部邊距不可設(shè)置元素的寬度就是它包含的文字或圖片的寬度，不可改變內(nèi)聯(lián)元素只能容納文本或其他內(nèi)聯(lián)元素CSS樣式的三種寫法：行內(nèi)式、內(nèi)嵌式（內(nèi)部樣式表）、外鏈?zhǔn)剑ㄍ獠繕邮奖恚┗A(chǔ)選擇器：標(biāo)簽選擇器（標(biāo)簽名）、id選擇器（#id）、類選擇器（.class）高級選擇器：后代選擇器

子代選擇器

相鄰兄弟選擇器

兄弟選擇器

偽元素選擇器

偽類選擇器

屬性選擇器CSS注釋方式：//單行注釋，/*多行注釋盒子模型：width寬度height高度border邊框margin外邊距padding內(nèi)邊距邊框包含border-width,border-style,border-color三個樣式邊框

內(nèi)邊距

外邊距可以進(jìn)行單個的設(shè)置

也可進(jìn)行批量的設(shè)置單個設(shè)置如border-left:1pxsolidblack;批量設(shè)置如margin:10px20px30px40px;padding:10px20px30px;margin:20px40px;padding10px批量設(shè)置時：按照上右下左的順序書寫，未設(shè)置滿四個值時，左對應(yīng)右，下對應(yīng)上。樣式的基本寫法為：

選擇器{樣式屬性1：

樣式值1;樣式屬性2：

樣式值2;}css具體樣式背景:顏色：background-color圖片：background-image重復(fù)方式：background-repeat填充方式：background-attachment位置：background-position文本：對齊方式：text-align修飾：text-decoration轉(zhuǎn)換：text-transform縮進(jìn)：text-indent行高：line-height字間距：letter-spacing單詞間距：word-spacing空白設(shè)置：white-space字號：font-size字粗：font-weight字體：font-family字體樣式：font-style字體綜合：font浮動與定位：浮動:float只能向左和向右浮動清除浮動負(fù)面影響：clear:both定位：相對定位：relative，以自身位置為參考點絕對定位：absolute，以已定位的祖先元素為參考點固定定位：fixed，以屏幕為參考點粘性定位：sticky，屏幕超過自身元素時以屏幕為參考點調(diào)整布局方式：display：在標(biāo)準(zhǔn)流中改變布局方式，可將元素轉(zhuǎn)為塊級元素，行內(nèi)元素，行內(nèi)塊級元素。絕對定位、浮動均脫離標(biāo)準(zhǔn)流2.CSS優(yōu)先級樣式的優(yōu)先級：行內(nèi)式樣式>內(nèi)嵌式樣式|外鏈?zhǔn)綐邮竭x擇器的優(yōu)先級：ID選擇器>class選擇器|偽類選擇器|屬性選擇器|>元素選擇器|偽元

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論