CSS基础学习心得

@CSS基础学习心得

CSS基础学习

CSS样式选择器分为4个等级，a、b、c、d
(1)、如果样式是行内样式（通过Style=“”定义），那么a=1，1,0,0,0
(2)、b为ID选择器的总数 0,1,0,0
(3)、c为属性选择器，伪类选择器和class类选择器的数量。0,0,1,0
(4)、d为标签、伪元素选择器的数量 0,0,0,1
(5)、!important 权重最高，比 inline style 还要高

为什么要初始化CSS样式
因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对CSS初始化往往会出现浏览器之间的页面显示差异。
当然，初始化样式会对SEO有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。
*最简单的初始化方法就是： * {padding: 0; margin: 0;} （不建议）

在CSS动画制作过程中如果要出发时间可以用keyframes规则
要在添加事件的部分加
-webkit-animation:bleftchange 10s infinite;
-webkit-animation-direction:alternate;
然后在@-webkit-keyframes xxxx中写入要改动的值