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

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

寒亭網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、自適應(yīng)網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)建站從2013年創(chuàng)立到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。

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è)置長(zhǎng)寬但是即使設(shè)置寬度仍然獨(dú)占一行；block元素可以設(shè)置margin和padding屬性

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

7、display：inline-block。inline-block既能夠多個(gè)元素（如div）放在同一行，又能夠設(shè)置長(zhǎng)寬邊距。

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。

標(biāo)題名稱：html5和css基礎(chǔ)設(shè)計(jì)之實(shí)驗(yàn)四
文章位置：http://muchs.cn/article14/ghogde.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供軟件開發(fā)、品牌網(wǎng)站建設(shè)、網(wǎng)站營(yíng)銷、品牌網(wǎng)站制作、App開發(fā)、做網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)