前端第一階段標(biāo)簽屬性

1、HTML：標(biāo)簽描述定義 HTML 文檔。 rem定義文檔的主體。to定義 HTML 標(biāo)題 * foot s定義水平線。 border定義注釋。 插入單個(gè)折行(換行)定義預(yù)格式文本 可識(shí)別多個(gè)空格定義段落定義粗體字 定義著重文字定義斜體字定義著重語(yǔ)氣定義刪除字定義鏈接，定義錨定義圖像定義圖像地圖定義表格定義表頭定義表格的行定義表格的單元定義有序列表定義無(wú)序列表定義列表項(xiàng)定義定義列表定義定義項(xiàng)目定義定義的描述定義文檔中的分區(qū)或節(jié)（division/section）定義 span，用來(lái)組合文檔中的行內(nèi)元素定義內(nèi)聯(lián)的子窗口(框架)定義客戶端腳本定義關(guān)于文檔的信息定義文檔標(biāo)題定義文檔與外部資源之間的關(guān)系

2、定義文檔的樣式信息HTML實(shí)體：顯示結(jié)果描述實(shí)體名稱空格   大于號(hào)>&和號(hào)&引號(hào)"撇號(hào)' (IE不支持)分（cent）¢鎊（pound）£元（yen）¥歐元（euro）€小節(jié)§版權(quán)（copyright）©注冊(cè)商標(biāo)®商標(biāo)™乘號(hào)×除號(hào)÷CSS：背景屬性：標(biāo)簽描述background簡(jiǎn)寫屬性，作用是將背景屬性設(shè)置在一個(gè)聲明中background-color設(shè)置元素的背景顏色background-image把圖像設(shè)置為背景background

3、-position設(shè)置背景圖像的起始位置background-repaet設(shè)置背景圖像是否及如何重復(fù)background-clip規(guī)定背景的繪制區(qū)域background-origin規(guī)定背景圖片的定位區(qū)域background-size規(guī)定背景圖片的尺寸文本屬性：屬性描述color設(shè)置文本顏色Red , #666666;line-height設(shè)置行高。letter-spacing設(shè)置字符間距。text-align對(duì)齊元素中的文本。Center left right text-decoration向文本添加修飾。none默認(rèn) underline下劃線 overline文本上Line-through

4、刪除線縮進(jìn)元素中文本的首行。text-shadow設(shè)置文本陰影。CSS2 包含該屬性，但是 CSS2.1 沒(méi)有保留該屬性。text-transform控制元素中的字母。word-spacing設(shè)置字間距。Word-break規(guī)定非中日韓文本的換行規(guī)則。Word-wrap允許對(duì)長(zhǎng)的不可分割的單詞進(jìn)行分割并換行到下一行。字體屬性：屬性描述font簡(jiǎn)寫屬性。作用是把所有針對(duì)字體的屬性設(shè)置在一個(gè)聲明中。font-family設(shè)置字體系列。font-size設(shè)置字體的尺寸。font-style設(shè)置字體風(fēng)格。font-weight設(shè)置字體的粗細(xì)。輪廓屬性：屬性描述outline在一個(gè)聲明中設(shè)置所有的輪廓屬

5、性。outline-color設(shè)置輪廓的顏色。outline-style設(shè)置輪廓的樣式。outline-width設(shè)置輪廓的寬度。CSS內(nèi)邊距：屬性描述padding簡(jiǎn)寫屬性。作用是在一個(gè)聲明中設(shè)置元素的所內(nèi)邊距屬性。padding-bottom設(shè)置元素的下內(nèi)邊距。padding-left設(shè)置元素的左內(nèi)邊距。padding-right設(shè)置元素的右內(nèi)邊距。padding-top設(shè)置元素的上內(nèi)邊距。 CSS邊框?qū)傩裕簩傩悦枋鯾order簡(jiǎn)寫屬性，用于把針對(duì)四個(gè)邊的屬性設(shè)置在一個(gè)聲明。border-style用于設(shè)置元素所有邊框的樣式，或者單獨(dú)地為各邊設(shè)置邊框樣式。border-width簡(jiǎn)寫屬性，

6、用于為元素的所有邊框設(shè)置寬度，或者單獨(dú)地為各邊邊框設(shè)置寬度。border-color簡(jiǎn)寫屬性，設(shè)置元素的所有邊框中可見(jiàn)部分的顏色，或?yàn)?4 個(gè)邊分別設(shè)置顏色。border-bottom簡(jiǎn)寫屬性，用于把下邊框的所有屬性設(shè)置到一個(gè)聲明中。border-left簡(jiǎn)寫屬性，用于把左邊框的所有屬性設(shè)置到一個(gè)聲明中。border-right簡(jiǎn)寫屬性，用于把右邊框的所有屬性設(shè)置到一個(gè)聲明中。border-top簡(jiǎn)寫屬性，用于把上邊框的所有屬性設(shè)置到一個(gè)聲明中。CSS外邊距：屬性描述margin簡(jiǎn)寫屬性。在一個(gè)聲明中設(shè)置所有外邊距屬性。margin-bottom設(shè)置元素的下外邊距。margin-left設(shè)置元

7、素的左外邊距。margin-right設(shè)置元素的右外邊距。margin-top設(shè)置元素的上外邊距。CSS定位：屬性描述position把元素放置到一個(gè)靜態(tài)的、相對(duì)的、絕對(duì)的、或固定的位置中。top定義了一個(gè)定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。right定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。bottom定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。left定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移。overflow設(shè)置當(dāng)元素的內(nèi)容溢出其區(qū)域時(shí)發(fā)生的事情。vertical-align設(shè)置元素的垂直對(duì)齊方式。z-index設(shè)置元素的堆疊順序。CSS分類

8、屬性：屬性描述clear設(shè)置一個(gè)元素的側(cè)面是否允許其他的浮動(dòng)元素。cursor規(guī)定當(dāng)指向某元素之上時(shí)顯示的指針類型。display設(shè)置是否及如何顯示元素。float定義元素在哪個(gè)方向浮動(dòng)。position把元素放置到一個(gè)靜態(tài)的、相對(duì)的、絕對(duì)的、或固定的位置中。visibility設(shè)置元素是否可見(jiàn)或不可見(jiàn)。過(guò)渡屬性：屬性描述transition簡(jiǎn)寫屬性，用于在一個(gè)屬性中設(shè)置四個(gè)過(guò)渡屬性。transition-property規(guī)定應(yīng)用過(guò)渡的 CSS 屬性的名稱。transition-duration定義過(guò)渡效果花費(fèi)的時(shí)間。transition-timing-function規(guī)定過(guò)渡效果的時(shí)間曲線。

9、Esea linear transition-delay規(guī)定過(guò)渡效果何時(shí)開(kāi)始。2D/3D轉(zhuǎn)換屬性：屬性描述transform向元素應(yīng)用 2D 或 3D 轉(zhuǎn)換。transform-origin允許你改變被轉(zhuǎn)換元素的位置。transform-style規(guī)定被嵌套元素如何在 3D 空間中顯示。perspective規(guī)定 3D 元素的透視效果。perspective-origin規(guī)定 3D 元素的底部位置。backface-visibility定義元素在不面對(duì)屏幕時(shí)是否可見(jiàn)。2D(transform)方法：函數(shù)描述matrix(n,n,n,n,n,n)定義 2D 轉(zhuǎn)換，使用六個(gè)值的矩陣。transla

10、te(x,y)定義 2D 轉(zhuǎn)換，沿著 X 和 Y 軸移動(dòng)元素。translateX(n)定義 2D 轉(zhuǎn)換，沿著 X 軸移動(dòng)元素。translateY(n)定義 2D 轉(zhuǎn)換，沿著 Y 軸移動(dòng)元素。scale(x,y)定義 2D 縮放轉(zhuǎn)換，改變?cè)氐膶挾群透叨?。scaleX(n)定義 2D 縮放轉(zhuǎn)換，改變?cè)氐膶挾?。scaleY(n)定義 2D 縮放轉(zhuǎn)換，改變?cè)氐母叨?。rotate(angle)定義 2D 旋轉(zhuǎn)，在參數(shù)中規(guī)定角度。skew(x-angle,y-angle)定義 2D 傾斜轉(zhuǎn)換，沿著 X 和 Y 軸。skewX(angle)定義 2D 傾斜轉(zhuǎn)換，沿著 X 軸。skewY(angle

11、)定義 2D 傾斜轉(zhuǎn)換，沿著 Y 軸。動(dòng)畫屬性：屬性描述keyframes規(guī)定動(dòng)畫。animation所有動(dòng)畫屬性的簡(jiǎn)寫屬性，除了 animation-play-state 屬性。animation-name規(guī)定 keyframes 動(dòng)畫的名稱。animation-duration規(guī)定動(dòng)畫完成一個(gè)周期所花費(fèi)的秒或毫秒。animation-timing-function規(guī)定動(dòng)畫的速度曲線。easelinearanimation-delay規(guī)定動(dòng)畫何時(shí)開(kāi)始。animation-iteration-count規(guī)定動(dòng)畫被播放的次數(shù)。n 播放次數(shù)Infinite 重復(fù)播放animation-direct

12、ion規(guī)定動(dòng)畫是否在下一周期逆向地播放。normal 不逆向alternate 逆向 animation-play-state規(guī)定動(dòng)畫是否正在運(yùn)行或暫停。paused 暫停running 運(yùn)行 animation-fill-mode規(guī)定動(dòng)畫完成之后的狀態(tài)。none 不改變默認(rèn)行為；默認(rèn)為backwardsforwards 當(dāng)動(dòng)畫完成后，保持當(dāng)前狀態(tài)。backwards 當(dāng)動(dòng)畫完成之后，恢復(fù)狀態(tài)多列屬性：屬性描述column-count規(guī)定元素應(yīng)該被分隔的列數(shù)。column-fill規(guī)定如何填充列。column-gap規(guī)定列之間的間隔。column-rule設(shè)置所有 column-rule-*

13、屬性的簡(jiǎn)寫屬性。column-rule-color規(guī)定列之間規(guī)則的顏色。column-rule-style規(guī)定列之間規(guī)則的樣式。column-rule-width規(guī)定列之間規(guī)則的寬度。column-span規(guī)定元素應(yīng)該橫跨的列數(shù)。column-width規(guī)定列的寬度。columns規(guī)定設(shè)置 column-width 和 column-count 的簡(jiǎn)寫屬性。HTML5：語(yǔ)義化標(biāo)簽：標(biāo)簽描述定義頁(yè)面主體上的頭部，header標(biāo)簽往往在一對(duì)body標(biāo)簽之中定義頁(yè)面的底部（頁(yè)腳）定義 用于表達(dá)書的一部分或一章，或者一章內(nèi)的一節(jié)用于菜單導(dǎo)航、鏈接導(dǎo)航的標(biāo)簽，是navigator的縮寫。用于表示一篇文章

14、的主體內(nèi)容，一般為文字集中顯示的區(qū)域用以表達(dá)注記、貼士、側(cè)欄、摘要、插入的引 用等作為補(bǔ)充主體的內(nèi)容。從一個(gè)簡(jiǎn)單頁(yè)面顯示上，就是邊欄，可以在左邊，也可以在右邊。從一個(gè)頁(yè)面的局部看，就是摘要視頻標(biāo)簽：定義視頻，比如電影片段或其他視頻流。標(biāo)簽的屬性：屬性值描述autoplayautoplay如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。controlscontrols如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。heightpixels設(shè)置視頻播放器的高度。looploop如果出現(xiàn)該屬性，則當(dāng)媒介文件完成播放后再次開(kāi)始播放。preloadpreload如果出現(xiàn)該屬性，則視頻在頁(yè)面加載時(shí)進(jìn)行加載，并預(yù)備

15、播放。如果使用 autoplay，則忽略該屬性。srcurl要播放的視頻的 URL。widthpixels設(shè)置視頻播放器的寬度。音頻標(biāo)簽：定義聲音，比如音樂(lè)或其他音頻流。標(biāo)簽的屬性：屬性值描述autoplayautoplay如果出現(xiàn)該屬性，則音頻在就緒后馬上播放。controlscontrols如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。looploop如果出現(xiàn)該屬性，則每當(dāng)音頻結(jié)束時(shí)重新開(kāi)始播放。preloadpreload如果出現(xiàn)該屬性，則音頻在頁(yè)面加載時(shí)進(jìn)行加載，并預(yù)備播放。如果使用 autoplay，則忽略該屬性。srcurl要播放的音頻的 URL。畫布標(biāo)簽：定義圖形，比如圖標(biāo)和其他圖像屬性描述fillStyle設(shè)置或返回用于填充繪畫的顏色、漸變或模式strokeStyle設(shè)置或返回用于筆觸的顏色、漸變或模式矩形方法描述rect()創(chuàng)建矩形fillRect()繪制“被填充”的矩形strokeRect()繪制矩形（無(wú)填充）clearRect()在給定的矩形內(nèi)清除指定的像素路徑方法描述fill()填充當(dāng)前繪圖（路徑）stroke()繪制已定義的路徑beginPath()起始一條路徑，或重置當(dāng)前路徑moveTo()把路徑移動(dòng)到畫布中的指定點(diǎn)，不創(chuàng)建線條closePath()創(chuàng)建從當(dāng)前點(diǎn)回到起始點(diǎn)的路徑lineTo()添加一個(gè)新點(diǎn)，然后在