JINXB'S BLOG


CSS3的新特性and选择器

CSS3新特性

  • word-wrap 文字换行
  • text-overflow 超过指定容器的边界时如何显示
  • text-decoration 文字渲染
  • text-shadow 文字阴影
  • gradient 渐变效果
  • transition 过渡效果
  • transition-duration:过渡的持续时间
  • transform 拉伸,压缩,旋转,偏移等变换
  • animation 动画

transition和animation的区别:
  Animation和transition大部分属性是相同的,他们都是随时间改变元素的属性值,他们的主要区别是transition需要触发一个事件才能改变属性,而animation不需要触发任何事件的情况下才会随时间改变属性值,并且transition为2帧,从from …. to,而animation可以一帧一帧的。

CSS3选择器以及优先级

!important
内联样式style=””
ID选择器#id
类选择器/属性选择器/伪类选择器.class.active[href=””]
元素选择器/关系选择器/伪元素选择器html+div>span::after
通配符选择器*


 评论


博客内容遵循 署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0) 协议

Copyright 2019-2020 JINXB'S BLOG 鄂ICP备20002230号-1