CSS变换和过度

《Head first HTML与CSS 第二版》读书笔记 附录

核能气质少年 提交于 2020-01-07 12:57:04
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 1、CSS选择器 伪元素可以用来选择元素的某些部分,这些部分可能不便于包围在<div>或<span>中,也不方便其他方法来选择。例如:first-letter伪元素可以用来选择一个块元素中文中的第一个字母,这样就能创建诸如首字母大写和首字母下沉等效果。用:first-line伪元素选择段落第一行。 p:first-letter{ } p:first-line{ } 属性选择器根据属性值选择元素: img[width] 会选择所有包含width属性的图像; img[height="300"]选择height属性值为300的所有图像; img[alt~="flowers"]选择alt属性包含单词flowers的所有图像。 按兄弟选择: 只选择前面有一个<h1>元素的段落: h1+p 加号后面紧跟兄弟元素。 2、CSS变换和过度: transform: rotate(45deg); 旋转45度。 transition: transform 2s; 指定变换时间为两秒。 来源: oschina 链接: https://my.oschina.net/u/2453016/blog/729279