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

2019独角兽企业重金招聘Python工程师标准>>>

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; 指定变换时间为两秒。

转载于:https://my.oschina.net/u/2453016/blog/729279