小編給大家分享一下CSS3兩大實(shí)用屬性以及網(wǎng)頁(yè)制作技巧的示例分析，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

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

CSS3兩大實(shí)用屬性，以及網(wǎng)頁(yè)制作技巧

一、使用 :not() 在菜單上應(yīng)用/取消應(yīng)用邊框

CSS3兩大實(shí)用屬性，以及網(wǎng)頁(yè)制作技巧

我們通常的做法是先給每個(gè)菜單項(xiàng)設(shè)置邊框，然后在設(shè)置最后一個(gè)菜單的邊框?yàn)榱?/p>

不過(guò)不要這么做，使用 :not() 偽類來(lái)達(dá)到同樣的效果：

當(dāng)然，你也可以使用 .nav li + li 或者 .nav li:first-child ~ li ，但是 :not() 更加清晰，具有可讀性

二、使用:nth-child(n)選擇項(xiàng)目

(注：第一個(gè)子元素的下標(biāo)是 1)

:nth-child(3) 表示選擇列表中的第三個(gè)元素

:nth-child(2n)表示列表中的偶數(shù)標(biāo)簽，即選擇第2、第4、第6……標(biāo)簽

:nth-child(2n-1) 表示選擇列表中的奇數(shù)標(biāo)簽，即選擇 第1、第3、第5、第7……標(biāo)簽

:nth-child(n+3) 表示選擇列表中的標(biāo)簽從第3個(gè)開(kāi)始到最后（>=3）

:nth-child(-n+3) 表示選擇列表中的標(biāo)簽從0到3，即小于3的標(biāo)簽(<=3)

:nth-last-child(3) 表示選擇列表中的倒數(shù)第3個(gè)標(biāo)簽

:nth-of-type(n) 匹配屬于父元素的特定類型的第 N 個(gè)子元素的每個(gè)元素

三、隱藏沒(méi)有靜音、自動(dòng)播放的影片

再次，利用了:not()的優(yōu)點(diǎn)

CSS3兩大實(shí)用屬性，以及網(wǎng)頁(yè)制作技巧

四、IE 條件注釋

IE 中的條件注釋對(duì) IE 的版本和 IE 非 IE 有優(yōu)秀的區(qū)分能力，是 Web 開(kāi)發(fā)中常用的hack方法，能對(duì) IE 系列產(chǎn)品進(jìn)行單獨(dú)的 HTML 代碼處理

五、固定表格table-layout:fixed;

通常搭配word-wrap:break-word;和word-break:break-all;使用

CSS3 word-wrap 屬性

word-wrap: normal|break-word;

CSS3兩大實(shí)用屬性，以及網(wǎng)頁(yè)制作技巧

CSS3 word-break 屬性

word-break: normal|break-all|keep-all;

看完了這篇文章，相信你對(duì)“CSS3兩大實(shí)用屬性以及網(wǎng)頁(yè)制作技巧的示例分析”有了一定的了解，如果想了解更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！

分享題目：CSS3兩大實(shí)用屬性以及網(wǎng)頁(yè)制作技巧的示例分析
本文URL：http://jinyejixie.com/article16/jdoidg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站設(shè)計(jì)、電子商務(wù)、定制開(kāi)發(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í)需注明來(lái)源： 創(chuàng)新互聯(lián)