CSS 選擇器參考手冊(cè) 實(shí)例 規(guī)定屬于其父元素的第二個(gè)子元素的每個(gè) p 的背景色： p:nth-child(2) { background:#ff0000; } 親自試一試 瀏覽器支持 IE Firefox Chrome Safari Opera 所有主流瀏覽器均支持 :nth-child() 選擇器，除了 IE8 及更早的版本。 ...
http://www.o2fo.com/cssref/selector-nth-child.htmlCSS 選擇器參考手冊(cè) 實(shí)例 為所有被選中的 input 元素設(shè)置背景色： input:checked { background-color: #ff0000; } 親自試一試 瀏覽器支持 IE Firefox Chrome Safari Opera 只有 Opera 支持 :checked 選擇器。 定義和用法 :checked 選擇器匹配每個(gè)已被選中的 ...
http://www.o2fo.com/cssref/selector-checked.htmlCSS3 backface-visibility 屬性定義和用法backface-visibility 屬性定義當(dāng)元素不面向屏幕時(shí)是否可見(jiàn)。如果在旋轉(zhuǎn)元素不希望看到其背面時(shí)，該屬性很有用。Chrome/Safari 用戶：為了更好地理解這個(gè)屬性，查看演示: 查看在線實(shí)例。默認(rèn)值:visi...
http://www.o2fo.com/cssref/css3-pr-backface-visibility.htmlCSS3 transition-duration 屬性 屬性定義及使用說(shuō)明 transition-duration 屬性規(guī)定完成過(guò)渡效果需要花費(fèi)的時(shí)間（以秒或毫秒計(jì)）。 默認(rèn)值： 0 繼承： no 版本： CSS3 JavaScript 語(yǔ)法： object.style.transitionDuration="5s" 語(yǔ)法transition-duration: time; 值 ...
http://www.o2fo.com/cssref/css3-pr-transition-duration.htmlCSS3 hanging-punctuation 屬性 實(shí)例 p元素的第一行開(kāi)始邊緣放置一個(gè)標(biāo)點(diǎn)符號(hào)： p { hanging-punctuation:first; } 瀏覽器支持 目前主流瀏覽器都不支持 hanging-punctuation 屬性。 屬性定義及使用說(shuō)明 hanging-punctuation屬性指定一個(gè)標(biāo)點(diǎn)符號(hào)是否會(huì)...
http://www.o2fo.com/cssref/css3-pr-hanging-punctuation.htmlCSS3 transition-delay 屬性 實(shí)例 等待2秒前切換效果開(kāi)始： transition-delay: 2s; -webkit-transition-delay: 2s; /* Safari */ 嘗試一下 ? 瀏覽器支持 表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。 緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持...
http://www.o2fo.com/cssref/css3-pr-transition-delay.htmlCSS3 punctuation-trim 屬性 實(shí)例 在p元素在每一行的開(kāi)頭放置開(kāi)頭標(biāo)點(diǎn)符號(hào)： p { punctuation-trim:start; } 瀏覽器支持 T任何主流瀏覽器都不支持punctuation-trim屬性。 屬性定義及使用說(shuō)明 punctuation-trim屬性指定是否應(yīng)修飾，當(dāng)它出現(xiàn)在一條線...
http://www.o2fo.com/cssref/css3-pr-punctuation-trim.htmlCSS3 transform-style 屬性實(shí)例讓轉(zhuǎn)換的子元素保留3D轉(zhuǎn)換： div{transform: rotateY(60deg);transform-style: preserve-3d;-webkit-transform: rotateY(60deg); /* Safari and Chrome */-webkit-transform-style: preserve-3d; /* Safari and Chrome */} 嘗試一下 ?瀏覽器支持表格中...
http://www.o2fo.com/cssref/css3-pr-transform-style.htmlCSS3 perspective-origin 屬性實(shí)例設(shè)置一個(gè)3D元素的基數(shù)位置： div{perspective:150;perspective-origin: 10% 10%;-webkit-perspective:150; /* Safari and Chrome */-webkit-perspective-origin: 10% 10%; /* Safari and Chrome */} 嘗試一下 ?瀏覽器支持表格中的數(shù)字表示支持...
http://www.o2fo.com/cssref/css3-pr-perspective-origin.htmlCSS3 border-image-outset 屬性實(shí)例 設(shè)置border-img-outset屬性： div{border-image-source: url(border.png);border-image-outset: 30 30;} 瀏覽器支持表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。 屬性 borde...
http://www.o2fo.com/cssref/css3-pr-border-image-outset.html抱歉，暫時(shí)沒(méi)有相關(guān)的微課
w3cschool 建議您：
抱歉，暫時(shí)沒(méi)有相關(guān)的視頻課程
w3cschool 建議您：
抱歉，暫時(shí)沒(méi)有相關(guān)的教程
w3cschool 建議您：
CSS 選擇器參考手冊(cè) 實(shí)例 規(guī)定屬于其父元素的第二個(gè)子元素的每個(gè) p 的背景色： p:nth-child(2) { background:#ff0000; } 親自試一試 瀏覽器支持 IE Firefox Chrome Safari Opera 所有主流瀏覽器均支持 :nth-child() 選擇器，除了 IE8 及更早的版本。 ...
http://www.o2fo.com/cssref/selector-nth-child.htmlCSS 選擇器參考手冊(cè) 實(shí)例 為所有被選中的 input 元素設(shè)置背景色： input:checked { background-color: #ff0000; } 親自試一試 瀏覽器支持 IE Firefox Chrome Safari Opera 只有 Opera 支持 :checked 選擇器。 定義和用法 :checked 選擇器匹配每個(gè)已被選中的 ...
http://www.o2fo.com/cssref/selector-checked.htmlCSS3 backface-visibility 屬性定義和用法backface-visibility 屬性定義當(dāng)元素不面向屏幕時(shí)是否可見(jiàn)。如果在旋轉(zhuǎn)元素不希望看到其背面時(shí)，該屬性很有用。Chrome/Safari 用戶：為了更好地理解這個(gè)屬性，查看演示: 查看在線實(shí)例。默認(rèn)值:visi...
http://www.o2fo.com/cssref/css3-pr-backface-visibility.htmlCSS3 transition-duration 屬性 屬性定義及使用說(shuō)明 transition-duration 屬性規(guī)定完成過(guò)渡效果需要花費(fèi)的時(shí)間（以秒或毫秒計(jì)）。 默認(rèn)值： 0 繼承： no 版本： CSS3 JavaScript 語(yǔ)法： object.style.transitionDuration="5s" 語(yǔ)法transition-duration: time; 值 ...
http://www.o2fo.com/cssref/css3-pr-transition-duration.htmlCSS3 hanging-punctuation 屬性 實(shí)例 p元素的第一行開(kāi)始邊緣放置一個(gè)標(biāo)點(diǎn)符號(hào)： p { hanging-punctuation:first; } 瀏覽器支持 目前主流瀏覽器都不支持 hanging-punctuation 屬性。 屬性定義及使用說(shuō)明 hanging-punctuation屬性指定一個(gè)標(biāo)點(diǎn)符號(hào)是否會(huì)...
http://www.o2fo.com/cssref/css3-pr-hanging-punctuation.htmlCSS3 transition-delay 屬性 實(shí)例 等待2秒前切換效果開(kāi)始： transition-delay: 2s; -webkit-transition-delay: 2s; /* Safari */ 嘗試一下 ? 瀏覽器支持 表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。 緊跟在 -webkit-, -ms- 或 -moz- 前的數(shù)字為支持...
http://www.o2fo.com/cssref/css3-pr-transition-delay.htmlCSS3 punctuation-trim 屬性 實(shí)例 在p元素在每一行的開(kāi)頭放置開(kāi)頭標(biāo)點(diǎn)符號(hào)： p { punctuation-trim:start; } 瀏覽器支持 T任何主流瀏覽器都不支持punctuation-trim屬性。 屬性定義及使用說(shuō)明 punctuation-trim屬性指定是否應(yīng)修飾，當(dāng)它出現(xiàn)在一條線...
http://www.o2fo.com/cssref/css3-pr-punctuation-trim.htmlCSS3 transform-style 屬性實(shí)例讓轉(zhuǎn)換的子元素保留3D轉(zhuǎn)換： div{transform: rotateY(60deg);transform-style: preserve-3d;-webkit-transform: rotateY(60deg); /* Safari and Chrome */-webkit-transform-style: preserve-3d; /* Safari and Chrome */} 嘗試一下 ?瀏覽器支持表格中...
http://www.o2fo.com/cssref/css3-pr-transform-style.htmlCSS3 perspective-origin 屬性實(shí)例設(shè)置一個(gè)3D元素的基數(shù)位置： div{perspective:150;perspective-origin: 10% 10%;-webkit-perspective:150; /* Safari and Chrome */-webkit-perspective-origin: 10% 10%; /* Safari and Chrome */} 嘗試一下 ?瀏覽器支持表格中的數(shù)字表示支持...
http://www.o2fo.com/cssref/css3-pr-perspective-origin.htmlCSS3 border-image-outset 屬性實(shí)例 設(shè)置border-img-outset屬性： div{border-image-source: url(border.png);border-image-outset: 30 30;} 瀏覽器支持表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號(hào)。 屬性 borde...
http://www.o2fo.com/cssref/css3-pr-border-image-outset.html抱歉，暫時(shí)沒(méi)有相關(guān)的文章
w3cschool 建議您：
