溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
一、html5新標(biāo)簽：
HTML5中必須在開(kāi)頭寫有<! doctype html>的標(biāo)簽
(1)
| <article> | 定義 article。 |
(2)
| <aside> | 定義頁(yè)面內(nèi)容之外的內(nèi)容。 |
(3)
| <audio> | 定義聲音內(nèi)容。 |
<audio>標(biāo)簽的屬性：
| autoplay | autoplay | 如果出現(xiàn)該屬性，則音頻在就緒后馬上播放。 |
| controls | controls | 如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。 |
| loop | loop | 如果出現(xiàn)該屬性，則每當(dāng)音頻結(jié)束時(shí)重新開(kāi)始播放。 |
| preload | preload | 如果出現(xiàn)該屬性，則音頻在頁(yè)面加載時(shí)進(jìn)行加載，并預(yù)備播放。 如果使用 "autoplay"，則忽略該屬性。 |
| src | url | 要播放的音頻的 URL。 |
(4)
| <section> | 定義 section。 |
(5)
| <datalist> | 定義下拉列表。 |
eg：
<input id="myCar" list="cars" /><datalist id="cars"> <option value="BMW"> <option value="Ford"> <option value="Volvo"></datalist>
需注意的是，input標(biāo)簽list屬性中的值必須與下面datalist中id的值一致，表單才可呈現(xiàn)。
(6)
| <details> | 定義元素的細(xì)節(jié)。 |
(7)
| <figure> | 定義媒介內(nèi)容的分組，以及它們的標(biāo)題。 |
(8)
| <textarea> | 定義 textarea。 |
(9)
| <video> | 定義視頻。 |
<video>標(biāo)簽的屬性：
| autoplay | autoplay | 如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。 |
| controls | controls | 如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。 |
| height | pixels | 設(shè)置視頻播放器的高度。 |
| loop | loop | 如果出現(xiàn)該屬性，則當(dāng)媒介文件完成播放后再次開(kāi)始播放。 |
| preload | preload | 如果出現(xiàn)該屬性，則視頻在頁(yè)面加載時(shí)進(jìn)行加載，并預(yù)備播放。 如果使用 "autoplay"，則忽略該屬性。 |
| src | url | 要播放的視頻的 URL。 |
| width | pixels | 設(shè)置視頻播放器的寬度。 |
(10)
| <progress> | 定義任何類型的任務(wù)的進(jìn)度。 |
二、CSS 3：
（1）新增選擇器：
E:link | 鏈接偽類選擇器 | 設(shè)置超鏈接a在未被訪問(wèn)前的樣式。 |
E:hover | 用戶操作偽類選擇器 | 設(shè)置元素在其鼠標(biāo)懸停時(shí)的樣式。 |
E:active | 用戶操作偽類選擇器 | 設(shè)置元素在被用戶激活（在鼠標(biāo)點(diǎn)擊與釋放之間發(fā)生的事件）時(shí)的樣式。 |
E:focus | 用戶操作偽類選擇器 | 設(shè)置元素在成為輸入焦點(diǎn)（該元素的onfocus事件發(fā)生）時(shí)的樣式。 |
E F | 包含選擇符 | 選擇所有被E元素包含的F元素。 |
E>F | 子選擇符 | 選擇所有作為E元素的子元素F。 |
E+F | 相鄰選擇符 | 選擇緊貼在E元素之后F元素。 |
E~F | 兄弟選擇符 | 選擇E元素所有兄弟元素F。 |
E:nth-last-child(n) | 匹配父元素的倒數(shù)第n個(gè)子元素E。 |
E:nth-of-type(n) | 匹配同類型中的第n個(gè)同級(jí)兄弟元素E。 |
E:nth-last-of-type(n) | 匹配同類型中的倒數(shù)第n個(gè)同級(jí)兄弟元素E。 |
E:empty | 匹配沒(méi)有任何子元素（包括text節(jié)點(diǎn)）的元素E。 |
E:checked | CSS3 | 匹配用戶界面上處于選中狀態(tài)的元素E。(用于input type為radio與checkbox時(shí)) |
E、F代表任何標(biāo)簽，后面是給標(biāo)簽添加的相關(guān)屬性，用來(lái)做出相應(yīng)的效果。
(2)css中的box屬性：
| overflow-x | 如果內(nèi)容溢出了元素內(nèi)容區(qū)域，是否對(duì)內(nèi)容的左/右邊緣進(jìn)行裁剪。 |
| overflow-y | 如果內(nèi)容溢出了元素內(nèi)容區(qū)域，是否對(duì)內(nèi)容的上/下邊緣進(jìn)行裁剪。 |
| overflow-style | 規(guī)定溢出元素的首選滾動(dòng)方法。 |
其中overflow屬性有
| visible | 不裁剪內(nèi)容，可能會(huì)顯示在內(nèi)容框之外。 |
| hidden | 裁剪內(nèi)容 - 不提供滾動(dòng)機(jī)制。 |
| scroll | 裁剪內(nèi)容 - 提供滾動(dòng)機(jī)制。 |
| auto | 如果溢出框，則應(yīng)該提供滾動(dòng)機(jī)制。 |
| no-display | 如果內(nèi)容不適合內(nèi)容框，則刪除整個(gè)框。 |
| no-content | 如果內(nèi)容不適合內(nèi)容框，則隱藏整個(gè)內(nèi)容。 |
（3）css中的多背景及背景的屬性：
多背景：
其中圖片1在2的上面，2在3的上面。
在background中，如果想要的放置多張圖片，只需用“ ，”將圖片的url依次放入，但請(qǐng)記住，圖層在上的必須要最先放入。圖片的尺寸也可以寫在一起，前面的數(shù)值為寬，后的數(shù)值為高。
屬性：
（1）
| background-p_w_upload | 設(shè)置背景圖像是否固定或者隨著頁(yè)面的其余部分滾動(dòng)。 |
其中backg-p_w_upload中的屬性還有
| scroll | 默認(rèn)值。背景圖像會(huì)隨著頁(yè)面其余部分的滾動(dòng)而移動(dòng)。 |
| fixed | 當(dāng)頁(yè)面的其余部分滾動(dòng)時(shí)，背景圖像不會(huì)移動(dòng)。 |
| inherit | 規(guī)定應(yīng)該從父元素繼承 background-p_w_upload 屬性的設(shè)置。 |
（2）漸變效果：
線性漸變
background：linear-gradient（方向，顏色1，顏色2，....）
其中方向可以用to left（right），角度來(lái)寫。
徑向漸變
background：radius-gradient（位置，顏色1，顏色2，...）
（4）多序排列：
| column-count | 規(guī)定元素應(yīng)該被分隔的列數(shù)。 |
| column-gap | 規(guī)定列之間的間隔。 |
| column-rule | 分隔線 |
| column-span | 規(guī)定元素應(yīng)該橫跨的列數(shù)。 |
| column-width | 規(guī)定列的寬度。 |
| columns | 規(guī)定設(shè)置 column-width 和 column-count 的簡(jiǎn)寫屬性。 |
其中
column-count后面寫需要的列數(shù)
column-gap后面寫相隔的像素大小
column-rule后面寫線性，粗細(xì)，顏色（分隔線）
column-width后面寫想分的寬度
（5）響應(yīng)式圖片（根據(jù)瀏覽器窗口的大小調(diào)整照片的大小）
限大：max-width:比例（100%）/像素/height：auto
限?。簃in-width:像素大小
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
