溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

html5和css基礎(chǔ)設(shè)計(jì)之實(shí)驗(yàn)四

發(fā)布時(shí)間:2020-07-26 17:05:16 來源:網(wǎng)絡(luò) 閱讀:348 作者:zgt5237 欄目:web開發(fā)

項(xiàng)目一總結(jié):

1、錨點(diǎn)鏈接為先設(shè)置<a href="#one"></a>再設(shè)置跳轉(zhuǎn)目標(biāo)<h id="ones"></h>;

2、可以先設(shè)置display:none再設(shè)置:target{display:block;}實(shí)現(xiàn)跳轉(zhuǎn)顯示;

3、關(guān)于text-indent可以設(shè)置首行文本縮進(jìn)

4、關(guān)于nth-child(odd)表示屬于父類的單數(shù)行孩子:nth-child(even)表示屬于父類的雙數(shù)行孩子

5、關(guān)于display:block。block元素會(huì)獨(dú)占一行,多個(gè)block元素會(huì)各自新起一行,默認(rèn)情況下,block元素寬度自動(dòng)填滿其父元素其父元素寬度;block元素可以設(shè)置長寬但是即使設(shè)置寬度仍然獨(dú)占一行;block元素可以設(shè)置margin和padding屬性

6、關(guān)于display:inline。inline元素不會(huì)獨(dú)占一行,多個(gè)相鄰的行內(nèi)元素會(huì)排列在同一行里,其寬度會(huì)隨內(nèi)容而變化;inline元素的長寬屬性無效;inline元素的margin和padding水平方向有效,垂直方向不會(huì)產(chǎn)生邊距效果。

7、display:inline-block。inline-block既能夠多個(gè)元素(如div)放在同一行,又能夠設(shè)置長寬邊距。

7、可以全局設(shè)置字體和text-align屬性,text-align是一個(gè)很有用的屬性,可以設(shè)置內(nèi)容居中顯示,如圖片、文字等。

8、刪除瀏覽器的默認(rèn)樣式*{list-style:none;outline:none}。

9、可以適當(dāng)設(shè)置hr來分割內(nèi)容。

10、audio元素需要設(shè)置contros屬性。

11、在div相關(guān)盒子中的文字若想要設(shè)置上下左右居中需要將line-height設(shè)置為div高度,text-align設(shè)置為center。

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI