牛客CSS刷题笔记

链接：如何在 CSS 代码中插入注释？_微博笔试题_牛客网
html注释：　<!-- 内容 -->
css注释;      /* 内容*/
JavaScript注释：单行注释    //内容
                           多行注释以  /*  内容*/

1.对于以下 HTML，下列选项中哪一个 CSS 选择器效果与其_蘑菇街笔试题_牛客网

CSS3 :nth-child(n)使用注意_北方的刀郎的博客-CSDN博客

2.链接：下面有关 CSS sprites 说法错误的是？_网易互娱笔试题_牛客网
CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。
利用CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；
CSS Sprites能减少图片的字节，曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。所以C错误
解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素进行命名，从而提高了网页的制作效率。
更换风格方便，只需要在一张或少张图片上修改图片的颜色或样式，整个网页的风格就可以改变。维护起来更加方便。 

3.        

链接：关于 Animation-timing-function 下_360公司笔试题_牛客网

linear   规定以相同速度开始至结束的过渡效果（等于 cubic-bezier(0,0,1,1)）。

ease    规定慢速开始，然后变快，然后慢速结束的过渡效果（cubic-bezier(0.25,0.1,0.25,1)）。

ease-in 规定以慢速开始的过渡效果（等于 cubic-bezier(0.42,0,1,1)）。

ease-out    规定以慢速结束的过渡效果（等于 cubic-bezier(0,0,0.58,1)）。

ease-in-out 规定以慢速开始和结束的过渡效果（等于 cubic-bezier(0.42,0,0.58,1)）

属性描述
linear	动画从头到尾的速度是相同的。
ease	默认动画以低速开始，然后加快，在结束前变慢。
ease-in	动画以低速开始。
ease-out	动画以低速结束。
ease-in-out	动画以低速开始和结束。
cubic-bezier(n,n,n,n)	在 cubic-bezier 函数中自己的值。可能的值是从 0 到 1 的数值。

 4.