1、学习了一下两个很像的选择器，子类选择器和后代选择器，他们之间的区别：

（2）后代选择器类似于血脉传承，可以选择后代所有的元素，直接一棍子撸到底；

2、学习Bootstrap 响应式实用工具——visible-xs、visible-sm、hidden-xs、hidden-sm等（很实用的类，避免了单独设置visibility、或者是display：none）

3、学习href="javascrip:void(0)"与href="#"的区别：一个是不跳转，一个是跳转至顶部。

（5）：<span style="cursor:hand"></span>(好像在FF中不能显示)

这里写上任务总结：

任务名称：CSS=TASK8-9

成果链接：https://kattemchen.github.io/Task/mytask8/html/mytask8-1.html

任务耗时：　2018.5.13-5.21（7天）

技能脑图：

官网脑图：

自己脑图：

任务总结：

css8-9时间大概一周，时间超长的，但是学习到的也很多。

涉及方面非常多，首先是响应式布局、媒体查询；然后是bootstrap的栅格布局，几个常用框架，比如：navigation、dropdown、carousel插件（轮播）；

再然后是grid布局、hover的用法、html的锚点、animation的属性；其中还涉及各类浏览器兼容问题。

 之前是做移动端的页面，突然转成pc端，会有点突兀。bootstrap无疑给了我们很大的的帮助。

常用的栅格布局，插件，框架等等，但是要注意对其默认样式进行选择性的清除，如果它影响到你的布局的话。

在写第三个页面的时候并不推荐使用table或者ul布局，ul的话样式调整相当繁重，table的话在现在H5时代来说，不太好。

建议有兴趣了解一下。真的，和flex一样，非常非常有趣！！！~

还有一个就是对于animation的属性运用，其中扩展到transition属性和transform属性，这几个都非常强大，但是目前还不是很熟悉。CSS动画是我一直最向往的东西。可以用来写轮播图。

bootstrap非常好用，它的特点有很多：

      1）扩设备、跨浏览器

      2）响应式布局

          一个网站能够兼容多个终端，比如我们只做的网站能够兼容PC端、Android手机、苹果手机等，可以为不同的用户提供更舒适的界面和更好的用户体验。

      3）提供全面的组件

      4）内置Jquery插件

          bootstrap中内置jquery插件，这样使程序员使用jquery更加简单方便，便于开发。

      5）支持HTML5、CSS3

      6）支持less动态样式

         这里的less是一种动态是一种动态样式语言，属于CSS预处理语言，使用类似CSS的语法，为CSS赋予了

          动态语言的特点，如变量、集成、运算、函数等，更方便CSS的编写和维护。可以很方便的使用。

进度：CSS-任务10