CSS 高階使用

選擇器

選擇第幾個子元素

p:nth-of-type

p:nth-child

tranform

transform-origin 控制轉換原點

transition-property

transition-duration

transition-timing-function

transition-delay

transition: property duration timing-function delay; 簡寫方式

hover 覆蓋

單屬性

雙屬性

三屬性

四屬性

border radius 可以設定 百分比

animation

建立動畫

@keyframes ***

to {}
}

繫結選擇器

div

CSS 高階語法

你可以對選擇器進行分組，這樣，被分組的選擇器就可以分享相同的宣告。用逗號將需要分組的選擇器分開。在下面的例子中，我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。h1,h2,h3,h4,h5,h6 根據 css，子元素從父元素繼承屬性。但是它並不總是按此方式工作。看看下面這條規則 body根...

CSS 高階語法

你可以對選擇器進行分組，這樣，被分組的選擇器就可以分享相同的宣告。用逗號將需要分組的選擇器分開。在下面的例子中，我們對所有的標題元素進行了分組。所有的標題元素都是綠色的。h1,h2,h3,h4,h5,h6根據 css，子元素從父元素繼承屬性。但是它並不總是按此方式工作。看看下面這條規則 body根據...

CSS屬性高階

1 hover屬性只會在hover的時候有效果，失去hover後同時失效。2 滑鼠懸浮在元素上時觸發偽元素樣式改變的寫法 bmap after bmap hover after 3 css3 rgb 和 rgba rgb色彩是通過對紅 r 綠 g 藍 b 三個顏色通道的變化和它們相互之間的疊加來得到...