css3 新增属性集合

来源：互联网发布：爱龟吧淘宝草龟编辑：程序博客网时间：2024/04/29 23:25

一、边框属性：

1、border-radius
2、box-shadow
3、border-image

二、颜色属性：

1、RGBA（R,G,B,A（透明度））
2、渐变linear-gradient

三、文字与字体

1、text-overflow
2、word-wrap
3、嵌入字体@font-face
4、文本阴影text-shadow

四、背景样式

1、background-origin2、background-clip
3、background-size
4、multiple backgrounds

五、css3选择器

属性选择器：
1、E[att^="val"]{}
2、E[att$="val"]{}
3、E[att*="val"]{}
结构性伪类选择器：
1、root
2、not
3、empty
4、target
5、first-child
6、last-child
7、nth-child(n)
8、nth-last-child(n)
其他：
1、first-of-type
2、nth-of-type（n）
3、last-of-type
4、nth-last-of-type(n）
5、only-child
6、only-of-type
7、enabled
8、disabled
9、checked
10、：：selection
11、：read-only
12、：read-write
13、：：before
14、：：after

六、CSS3中的变形与动画

1、旋转rotate()
2、扭曲skew()
3、缩放scale()
4、位移translate()
5、矩阵matrix()
6、原点tranform-origin
7、过渡属性transition-property
8、过渡所需时间transition-duration
9、过渡函数transition-timing-function
10、过渡延迟时间transition-delay
11、keyframes关键帧
12、调用动画animation-name
13、动画播放时间animation-duration
14、动画播放方式animation-timing-function
15、动画开始播放时间animation-delay
16、动画播放方向animation-direction
17、动画播放状态animation-play-state
18、动画时间外属性animation-fill-mode

七、布局样式

1、多列布局columns
2、column-width
3、column-count
4、列间距column-gap
5、列表边框column-rule
6、跨列设置column-span
7、盒子模型
8、伸缩布局flexbox（flexible box)

八、媒体类型Media Queries

响应式布局Responsive
1、流体网格
2、弹性图片
3、媒体查询
4、屏幕分辨率
5、主要断点

九、其他重要属性

1、自由缩放属性resize
2、CSS3外轮廓属性outline
3、CSS生成内容content,配合伪类选择器使用

0 0