2019-7-7学习总结

1、各个浏览器兼容前缀

2、transform:rotate();对内联元素无法生效。

3、margin是根据父元素的x、y轴进行移动的。

4、[属性名称]：可以找到含有该属性的元素。

5、:after添加的内容是内联元素，其中content的取整可以是" "字符串、attr(属性名称)即对应属性的属性值。

6、a + b 可以找到紧接着a元素后面的b元素，只能找到一个。

7、a ~ b 可以找到a元素后面的所有b元素，其中b需是和a是同级的，即有共同的父元素。

8、<meta name="viewport" content="width=device-width ,inital-scale=1" />  当网页用移动端打开时，自动适应设备的宽度
       <meta http-equiv="x-UA-Compatible" content="IE=edge" />  当用IE打开网页时，告诉IE浏览器用最高版本的解析器解析网  页结构。

 9、animation和transition制作动画的使用场景：animation动画不需要事件触发就可以自动执行动画 ，transition动画需要事件触发才可以执行。

10、在固定宽度的块级元素里，长单词或者连续的字母会被识别成类似一个字，所以不会自动换行，可设置word-wrap:break-word;使其自动换行。