今天是周一，周末的时间总结复习了浮动，定位，flex的特性，今天通过练习编写一个用css样式完成的下拉框，区分各选择器的细分用法，用display:none隐藏下拉框选项表，然后用position绝对定位使下拉框脱离文档流，以免影响网页下方的内容
然后学习了Media响应式的具体用法，分为外链式，内链式两种用法，内链式具体语法是，先设置关键字@media，然后是媒体类型、媒体特征、css代码。外链式的语法是先给定特征，然后引入不同的css文件即可。示例如下：
@media only screen and (max-width:700px) {
body {
color: red;
font-size: 30px;
}
}
这句代码表示，当媒体类型为电脑屏幕，平板，智能手机等类型，且最大宽度为700px时，让字体变为30px大小，颜色变为红色。也可以只给出媒体类型。
<link rel="stylesheet" media="screen and (min-width:100px) " href="./mtcx1.css">
而这句代码则表示引入外部css文件。
not/only关键字
使用媒体查询时，媒体类型前面可以加上not/only关键字，not是用来排除掉某些特定的设备的，比如 @media not print（非打印设备）。
学习如何为自己的网页加入外部的animation动画效果，网址是：https://github.com/daneden/animate.css，可以下载改css文件，人后引入，然后改变类选择器关键字就可以添加该动画了。
最后学习bootstrap使用方式，下载css文件，然后学习网格系统和排版。
