css小属性

一、边框属性:
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-origin
2、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
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值