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

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

2、定義文檔的樣式信息HTML實體：顯示結(jié)果描述實體名稱空格   大于號>&和號&引號"撇號' (IE不支持)分（cent）¢鎊（pound）£元（yen）¥歐元（euro）€小節(jié)§版權(quán)（copyright）©注冊商標(biāo)®商標(biāo)™乘號×除號÷CSS：背景屬性：標(biāo)簽描述background簡寫屬性，作用是將背景屬性設(shè)置在一個聲明中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對齊元素中的文本。Center left right text-decoration向文本添加修飾。none默認(rèn) underline下劃線 overline文本上Line-through

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

5、性。outline-color設(shè)置輪廓的顏色。outline-style設(shè)置輪廓的樣式。outline-width設(shè)置輪廓的寬度。CSS內(nèi)邊距：屬性描述padding簡寫屬性。作用是在一個聲明中設(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簡寫屬性，用于把針對四個邊的屬性設(shè)置在一個聲明。border-style用于設(shè)置元素所有邊框的樣式，或者單獨地為各邊設(shè)置邊框樣式。border-width簡寫屬性，

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

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

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

9、Esea linear transition-delay規(guī)定過渡效果何時開始。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定義元素在不面對屏幕時是否可見。2D(transform)方法：函數(shù)描述matrix(n,n,n,n,n,n)定義 2D 轉(zhuǎn)換，使用六個值的矩陣。transla

10、te(x,y)定義 2D 轉(zhuǎn)換，沿著 X 和 Y 軸移動元素。translateX(n)定義 2D 轉(zhuǎn)換，沿著 X 軸移動元素。translateY(n)定義 2D 轉(zhuǎn)換，沿著 Y 軸移動元素。scale(x,y)定義 2D 縮放轉(zhuǎn)換，改變元素的寬度和高度。scaleX(n)定義 2D 縮放轉(zhuǎn)換，改變元素的寬度。scaleY(n)定義 2D 縮放轉(zhuǎn)換，改變元素的高度。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 軸。動畫屬性：屬性描述keyframes規(guī)定動畫。animation所有動畫屬性的簡寫屬性，除了 animation-play-state 屬性。animation-name規(guī)定 keyframes 動畫的名稱。animation-duration規(guī)定動畫完成一個周期所花費的秒或毫秒。animation-timing-function規(guī)定動畫的速度曲線。easelinearanimation-delay規(guī)定動畫何時開始。animation-iteration-count規(guī)定動畫被播放的次數(shù)。n 播放次數(shù)Infinite 重復(fù)播放animation-direct

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

13、屬性的簡寫屬性。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 的簡寫屬性。HTML5：語義化標(biāo)簽：標(biāo)簽描述定義頁面主體上的頭部，header標(biāo)簽往往在一對body標(biāo)簽之中定義頁面的底部（頁腳）定義 用于表達(dá)書的一部分或一章，或者一章內(nèi)的一節(jié)用于菜單導(dǎo)航、鏈接導(dǎo)航的標(biāo)簽，是navigator的縮寫。用于表示一篇文章

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

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