css3新增屬性

2021-09-11 16:02:46 字數 821 閱讀 4955

背景和邊框

border-radius、box-shadow、border-image、

background-size:規定背景的尺寸

background-origin:規定背景的定位區域

background-clip:規定背景的繪製區域

文字效果(常用)

text-shadow:設定文字陰影

word-wrap:強制換行

word-break

css3提出@font-face規則,規則中定義了font-family、font-weight、font-style、font-stretch、src、unicode-range

2/3d轉換

transform:向元素應用2/3d轉換

transition:過渡

動畫@keyframes規則:

animation、animation-name、animation-duration等

使用者介面(常用)

box-sizing、resize

css3新增偽類

:nth-child()

:nth-last-child()

:only-child

:last-child

:nth-of-type()

:only-of-type()

:empty

:target 這個偽類允許我們選擇基於url的元素,如果這個元素有乙個識別器(比如跟著乙個#),那麼:target會對使用這個id識別器的元素增加樣式。

:enabled

:disabled

:checked

:not

CSS3新增屬性用法整理CSS3新增屬性用法整理

css3新增屬性用法整理 css3新增屬性用法整理 1 box shadow 陰影效果 2 border color 為邊框設定多種顏色 3 border image 邊框 4 text shadow 文字陰影 5 text overflow 文字截斷 6 word wrap 自動換行 7 bord...

css3 新增屬性

background origin 背景影象顯示的原點。background clip 規定背景的繪製區域。padding box 從padding區域 含padding 開始顯示背景影象。border box 從border區域 含border 開始顯示背景影象。content box 從cont...

Css3新增屬性

1.新增邊框屬性 box shadow 實現邊框陰影 屬性值有 模糊度 x軸偏移y軸偏移 color 陰影顏色 border radius 實現圓角邊框 屬性值越大角度越大 border image 實現邊框 border image source slice width outset repeat...