CSS3的新特性

2021-10-24 13:38:11 字數 376 閱讀 5166

css3實現圓角(border-radius)

陰影(box-shadow)

對文字加特效(text-shadow、)

線性漸變(gradient)

旋轉(transform)transform:rotate(9deg) scale(0.85,0.90) translate(0px,-30px) skew(-9deg,0deg);//旋轉,縮放,定位,傾斜

增加了更多的css選擇器 多背景 rgba

在css3中唯一引入的偽元素是::selection

**查詢(media),多欄布局(columns: 150px 3;)

border-image

css3中新增了一種盒模型計算方式:box-sizing

CSS3有哪些新特性?CSS3新特性詳解

本篇文章給大家帶來的內容是關於css3有哪些新特性?css3新特性詳解,有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。新增選擇器 p nth child n 彈性盒模型 display flex 多列布局 column count 5 查詢 media max width 480px...

css3的新特性

1.文字陰影text shadow text shadow 偏移量x 偏移量y 模糊度 顏色 注意 水平偏移量 正值向右,負值向左 垂直偏移量 正值向下,負值向上 模糊度不能為負數 可設定多個text shadow,每個用逗號分隔 例子 text shadow 1px 2px 3px red,2px...

css3新的特性

圓角邊框border radius 水平值 垂直值 border top left radius 1px 2px 設定左上角圓角 border bottom right radius 設定左下角圓角 border top left radius 設定右上角圓角 border bottom right...