知识小结

1.当我们在css中用background-image: url(）插入背景图片时，可能会写这样子，很不幸我的电脑不显示任何效果

当我把把地址的"\"改成“/”的时候  background-image: url(img/index-spr.png);   网页中出现了我们设置的背景图片。

2.当我们想要一张图片上面的一小部分区域的时候该怎么办呢？

当初我的解决办法是在h5中设置一个div，把img放到div中，div设置固定的大小，并且  overflow: hidden;超出部分隐藏，在通过定位修改img的位置；

后来学会了第二种简单的方法

在css中加入背景图片，设置大小，利用    background-position: -212px  -38px;（注意这儿用的负号）来调整显示图片的位置。

3. ：hover选择器

    i.可以改变自身的样式

  ii.控制其子元素的样式

   iii.控制的兄弟元素 c(同级元素)

4. 选择标签

    i.first-child表示选择列表中的第一个标签。

    ii.last-child表示选择列表中的最后一个标签

    iii.nth-child(3)表示选择列表中的第3个标签

    nth-child(2n)这个表示选择列表中的偶数标签

    不禁联想到

    奇数标签： nth-child(2n-1)

    nth-child(n+3)表示选择列表中的标签从第3个开始到最后

    nth-child(-n+3)表示选择列表中的标签从0到3，即小于3的标签。

    nth-last-child(3)表示选择列表中的倒数第3个标签。

5.对于a的属性

    _blank -- 在新窗口中打开链接

    _parent -- 在父窗体中打开链接

    _self -- 在当前窗体打开链接,此为默认值

    _top -- 在当前窗体打开链接，并替换当前的整个窗体(框架页)