HTML5和CSS3簡單介紹-創(chuàng)新互聯(lián)

一、html5新標(biāo)簽：

公司主營業(yè)務(wù)：成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、移動(dòng)網(wǎng)站開發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競爭能力。成都創(chuàng)新互聯(lián)公司是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對我們的高要求，感謝他們從不同領(lǐng)域給我們帶來的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來驚喜。成都創(chuàng)新互聯(lián)公司推出泗水免費(fèi)做網(wǎng)站回饋大家。

HTML5中必須在開頭寫有的標(biāo)簽

(1)

定義 article。

(2)

定義頁面內(nèi)容之外的內(nèi)容。

(3)

定義聲音內(nèi)容。

autoplay	autoplay	如果出現(xiàn)該屬性，則音頻在就緒后馬上播放。
controls	controls	如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。
loop	loop	如果出現(xiàn)該屬性，則每當(dāng)音頻結(jié)束時(shí)重新開始播放。
preload	preload	如果出現(xiàn)該屬性，則音頻在頁面加載時(shí)進(jìn)行加載，并預(yù)備播放。如果使用 "autoplay"，則忽略該屬性。
src	url	要播放的音頻的 URL。

(4)

定義 section。

(5)

定義下拉列表。

eg：

需注意的是，input標(biāo)簽list屬性中的值必須與下面datalist中id的值一致，表單才可呈現(xiàn)。

(6)

定義元素的細(xì)節(jié)。

(7)

定義媒介內(nèi)容的分組，以及它們的標(biāo)題。

(8)

</td><td>定義 textarea。</td></tr></tbody></table><p>(9)</p><table><tbody><tr><td><video></td><td>定義視頻。</td></tr></tbody></table><p><video>標(biāo)簽的屬性：</p><table><tbody><tr><td>autoplay</td><td>autoplay</td><td>如果出現(xiàn)該屬性，則視頻在就緒后馬上播放。</td></tr><tr><td>controls</td><td>controls</td><td>如果出現(xiàn)該屬性，則向用戶顯示控件，比如播放按鈕。</td></tr><tr><td>height</td><td><em>pixels</em></td><td>設(shè)置視頻播放器的高度。</td></tr><tr><td>loop</td><td>loop</td><td>如果出現(xiàn)該屬性，則當(dāng)媒介文件完成播放后再次開始播放。</td></tr><tr><td>preload</td><td>preload</td><td><p>如果出現(xiàn)該屬性，則視頻在頁面加載時(shí)進(jìn)行加載，并預(yù)備播放。</p><p>如果使用 "autoplay"，則忽略該屬性。</p></td></tr><tr><td>src</td><td><em>url</em></td><td>要播放的視頻的 URL。</td></tr><tr><td>width</td><td><em>pixels</em></td><td>設(shè)置視頻播放器的寬度。</td></tr></tbody></table><p>(10)</p><table><tbody><tr><td><progress></td><td>定義任何類型的任務(wù)的進(jìn)度。</td></tr></tbody></table><p><strong>二、CSS 3：</strong></p><p>（1）新增選擇器：</p><table width="590"  cellspacing="0" cellpadding="0"><tbody><tr><td width="83" class="kso3"><p>E:link</p></td><td width="170" class="kso4"><p>鏈接偽類選擇器</p></td><td width="336" class="kso5"><p>設(shè)置超鏈接a在未被訪問前的樣式。</p></td></tr><tr><td width="83" class="kso9"><p>E:hover</p></td><td width="170" class="kso10"><p>用戶操作偽類選擇器</p></td><td width="336" class="kso11"><p>設(shè)置元素在其鼠標(biāo)懸停時(shí)的樣式。</p></td></tr><tr><td width="83" class="kso12"><p>E:active</p></td><td width="170" class="kso13"><p>用戶操作偽類選擇器</p></td><td width="336" class="kso14"><p>設(shè)置元素在被用戶激活（在鼠標(biāo)點(diǎn)擊與釋放之間發(fā)生的事件）時(shí)的樣式。</p></td></tr><tr><td width="83" class="kso15"><p>E:focus</p></td><td width="170" class="kso16"><p>用戶操作偽類選擇器</p></td><td width="336" class="kso17"><p>設(shè)置元素在成為輸入焦點(diǎn)（該元素的onfocus事件發(fā)生）時(shí)的樣式。</p></td></tr></tbody></table><p></p><table width="510"  cellspacing="0" cellpadding="0"><tbody><tr><td width="85" class="kso4"><p>E F</p></td><td width="121" class="kso5"><p>包含選擇符</p></td><td width="322" class="kso7"><p>選擇所有被E元素包含的F元素。</p></td></tr><tr><td width="85" class="kso8"><p>E>F</p></td><td width="121" class="kso9"><p>子選擇符</p></td><td width="322" class="kso11"><p>選擇所有作為E元素的子元素F。</p></td></tr><tr><td width="85" class="kso12"><p>E+F</p></td><td width="121" class="kso13"><p>相鄰選擇符</p></td><td width="322" class="kso15"><p>選擇緊貼在E元素之后F元素。</p></td></tr><tr><td width="85" class="kso16"><p>E~F</p></td><td width="121" class="kso17"><p>兄弟選擇符</p></td><td width="322" class="kso19"><p>選擇E元素所有兄弟元素F。</p></td></tr></tbody></table><p></p><table width="575"  cellspacing="0" cellpadding="0"><tbody><tr><td width="192" class="kso18"><p>E:nth-last-child(n)</p></td><td width="399" class="kso20"><p>匹配父元素的倒數(shù)第n個(gè)子元素E。</p></td></tr><tr><td width="192" class="kso30"><p>E:nth-of-type(n)</p></td><td width="399" class="kso32"><p>匹配同類型中的第n個(gè)同級兄弟元素E。</p></td></tr><tr><td width="192" class="kso33"><p>E:nth-last-of-type(n)</p></td><td width="399" class="kso35"><p>匹配同類型中的倒數(shù)第n個(gè)同級兄弟元素E。</p></td></tr><tr><td width="192" class="kso36"><p>E:empty</p></td><td width="399" class="kso38"><p>匹配沒有任何子元素（包括text節(jié)點(diǎn)）的元素E。</p></td></tr></tbody></table><p></p><table width="596"  cellspacing="0" cellpadding="0"><tbody><tr><td width="110" class="kso3"><p>E:checked</p></td><td width="94" class="kso4"><p>CSS3</p></td><td width="391" class="kso5"><p>匹配用戶界面上處于選中狀態(tài)的元素E。(用于input type為radio與checkbox時(shí))</p></td></tr></tbody></table><p>E、F代表任何標(biāo)簽，后面是給標(biāo)簽添加的相關(guān)屬性，用來做出相應(yīng)的效果。</p><p> (2)css中的box屬性：</p><table width="0"><tbody><tr><td>overflow-x</td><td>如果內(nèi)容溢出了元素內(nèi)容區(qū)域，是否對內(nèi)容的左/右邊緣進(jìn)行裁剪。</td></tr><tr><td>overflow-y</td><td>如果內(nèi)容溢出了元素內(nèi)容區(qū)域，是否對內(nèi)容的上/下邊緣進(jìn)行裁剪。</td></tr><tr><td>overflow-style</td><td>規(guī)定溢出元素的選滾動(dòng)方法。</td></tr></tbody></table><p>其中overflow屬性有</p><table width="0"><tbody><tr><td>visible</td><td>不裁剪內(nèi)容，可能會(huì)顯示在內(nèi)容框之外。</td></tr><tr><td>hidden</td><td>裁剪內(nèi)容 - 不提供滾動(dòng)機(jī)制。</td></tr><tr><td>scroll</td><td>裁剪內(nèi)容 - 提供滾動(dòng)機(jī)制。</td></tr><tr><td>auto</td><td>如果溢出框，則應(yīng)該提供滾動(dòng)機(jī)制。</td></tr><tr><td>no-display</td><td>如果內(nèi)容不適合內(nèi)容框，則刪除整個(gè)框。</td></tr><tr><td>no-content</td><td>如果內(nèi)容不適合內(nèi)容框，則隱藏整個(gè)內(nèi)容。</td></tr></tbody></table><p>（3）css中的多背景及背景的屬性：</p><p><strong>多背景：</strong></p><p><strong><img src="/upload/otherpic33/211282.jpg" alt="HTML5和CSS3簡單介紹"></strong></p><p>其中圖片1在2的上面，2在3的上面。</p><p>在background中，如果想要的放置多張圖片，只需用“ ，”將圖片的url依次放入，但請記住，圖層在上的必須要最先放入。圖片的尺寸也可以寫在一起，前面的數(shù)值為寬，后的數(shù)值為高。</p><p><strong> 屬性：</strong></p><p>（1）</p><table><tbody><tr><td>background-p_w_upload</td><td>設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動(dòng)。</td></tr></tbody></table><p>其中backg-p_w_upload中的屬性還有</p><table><tbody><tr><td>scroll</td><td>默認(rèn)值。背景圖像會(huì)隨著頁面其余部分的滾動(dòng)而移動(dòng)。</td></tr><tr><td>fixed</td><td>當(dāng)頁面的其余部分滾動(dòng)時(shí)，背景圖像不會(huì)移動(dòng)。</td></tr><tr><td>inherit</td><td>規(guī)定應(yīng)該從父元素繼承 background-p_w_upload 屬性的設(shè)置。</td></tr></tbody></table><p>（2）漸變效果：</p><p>線性漸變</p><p>background：linear-gradient（方向，顏色1，顏色2，....）</p><p>其中方向可以用to left（right），角度來寫。</p><p>徑向漸變</p><p>background：radius-gradient（位置，顏色1，顏色2，...）</p><p>（4）多序排列：</p><table width="0"><tbody><tr><td>column-count</td><td>規(guī)定元素應(yīng)該被分隔的列數(shù)。</td></tr><tr><td>column-gap</td><td>規(guī)定列之間的間隔。</td></tr><tr><td>column-rule</td><td>分隔線</td></tr><tr><td>column-span</td><td>規(guī)定元素應(yīng)該橫跨的列數(shù)。</td></tr><tr><td>column-width</td><td>規(guī)定列的寬度。</td></tr><tr><td>columns</td><td>規(guī)定設(shè)置 column-width 和 column-count 的簡寫屬性。</td></tr></tbody></table><p>其中</p><p>column-count后面寫需要的列數(shù)</p><p>column-gap后面寫相隔的像素大小</p><p>column-rule后面寫線性，粗細(xì)，顏色（分隔線）</p><p>column-width后面寫想分的寬度</p><p>（5）響應(yīng)式圖片（根據(jù)瀏覽器窗口的大小調(diào)整照片的大?。?/p><p>限大：max-width:比例（100%）/像素/height：auto</p><p>限?。簃in-width:像素大小</p><p align=center>另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、<a  target="_blank">高防服務(wù)器</a>、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場景需求。</p>            <br>
            文章標(biāo)題：HTML5和CSS3簡單介紹-創(chuàng)新互聯(lián)            <br>
            文章網(wǎng)址：<a href="http://m.jiaotiyi.com/article/digsod.html">http://m.jiaotiyi.com/article/digsod.html</a>
        </div>
    </div>
    <div   id="zhthx5z"   class="other">
        <h3>其他資訊</h3>
        <ul>
            <li>
                    <a href="/article/dpdssde.html">怎么把自己電腦上的圖片傳到網(wǎng)站VPS桌面？(vps怎么做表格)</a>
                </li><li>
                    <a href="/article/dpdssgd.html">12個(gè)移動(dòng)應(yīng)用程序開發(fā)趨勢將在2019年備受關(guān)注</a>
                </li><li>
                    <a href="/article/dpdsscd.html">win7系統(tǒng)設(shè)置了電腦登陸密碼后如何進(jìn)行修改</a>
                </li><li>
                    <a href="/article/dpdscho.html">服務(wù)器使用CN2線路的優(yōu)勢有哪些</a>
                </li><li>
                    <a href="/article/dpdssio.html">windows編程用什么軟件編寫？windows用什么軟件編寫c語言</a>
                </li>        </ul>
    </div>
</div>
<footer>
    <div   id="fvttdph"   class="message">
        <div   id="vvjdl31"   class="mess container">
            <p>免費(fèi)獲取網(wǎng)站建設(shè)與品牌策劃方案報(bào)價(jià)</p>
            <span>*主要業(yè)務(wù)范圍包括：高端網(wǎng)站建設(shè)， 集團(tuán)網(wǎng)站建設(shè)(網(wǎng)站建設(shè)網(wǎng)站制作)找網(wǎng)站建設(shè)公司就上云錦誠科技。</span>
            <form action="">
                <input type="text" class="ipt1" placeholder="聯(lián)系人">
                <input type="text" class="ipt2" placeholder="聯(lián)系電話">
                <textarea name="" id=""  placeholder="內(nèi)容描述：描述您的需求，如網(wǎng)站、微信、電商、APP等。">

提交需求

聯(lián)系我們

028-86922220

手機(jī)：13518219792
地址：成都高新區(qū)尚雅路9號2棟16層1619號
四川德陽網(wǎng)站建設(shè)網(wǎng)站seo優(yōu)化公司

網(wǎng)站建設(shè)服務(wù)

網(wǎng)頁設(shè)計(jì)
網(wǎng)站制作
網(wǎng)站開發(fā)

網(wǎng)站推廣服務(wù)

營銷網(wǎng)站建設(shè)
百度快速排名
整站網(wǎng)站推廣

網(wǎng)站運(yùn)維服務(wù)

基礎(chǔ)維護(hù)
網(wǎng)站改版
網(wǎng)站維護(hù)

微信二維碼

微信二維碼

友情鏈接：高端網(wǎng)站設(shè)計(jì)推廣書籍刊物設(shè)計(jì) 上市集團(tuán)網(wǎng)站建設(shè) 成都展柜廠樂山服務(wù)器托管眉山大型發(fā)電機(jī)維修保養(yǎng) 成都網(wǎng)站建設(shè) 成都木托盤簡陽網(wǎng)站制作西藏柴油發(fā)電機(jī)

日韩精品无码一区二区三区不卡,精品无码三级在线观看视频,国产精品民宅偷窥盗摄,国产成人精品亚洲日本在线,久久人人爽人人爽人人爽,粉嫩人国产呦系列(634),精品少妇人妻AV一区二区三区,无码专区—VA亚洲V天堂麻豆,亚洲1卡2卡三卡4卡网站老狼,无码八A片人妻少妇久久,国产在线拍揄自揄拍无码,久久久久亚洲国产AV麻豆,一区二区三区精品视频免费播放,大杳焦伊人久久综合福利,无码免费人妻A片AAA毛片,精人妻无码一区二区三区,精品欧美一区二区在线观看

網(wǎng)站建設(shè)知識

HTML5和CSS3簡單介紹-創(chuàng)新互聯(lián)

聯(lián)系我們

網(wǎng)站建設(shè)服務(wù)

網(wǎng)站推廣服務(wù)

網(wǎng)站運(yùn)維服務(wù)

FOLLOW US