发表于： 2019-06-11 23:46:36

今日完成的事

这几天同学聚会导致好几天没写日报了，今天开始恢复。

1.学习了bootstrap的响应式布局，bootstrap可以用很少的代码实现多终端的页面适配，要用bootstrap的CSS框架实现响应式布局就得用他提供的栅格系统，栅格系统就是几行几列的布局，bootstrap为我们提供了可伸缩性的最多12列布局的方案。栅格系统就是以行和列的形式来放置你网站的内容的。这两天集中把bootstrap看了一遍，一些组件还是很有用的，比如说导航栏，滚动窗等，但是一些样式组件我觉得并不好用，因为每次需求都不一样，不可能都按他的样式来，bootstrap学好他的一些排版组件我觉得就差不多了。

2.彻底的弄懂了伪类A .B：hover，A：hover .b这两种写法的区别了。开始一直傻傻的分不清这两种写法的区别，现在知道了，第一种写法的意思是鼠标在A元素里的B元素上方时B元素的情况，你的鼠标得放到B元素的上面，第二种写法是鼠标放到A元素的上边B元素会怎样，鼠标是放在A元素上边。这就是他俩的区别。

3.学习了伪元素‍‍::before和::after‍‍，‍‍::before的‍‍作用是你的前面有一个你看不见的元素，‍‍‍‍::after的作用是你的后面有一个你看不到的元素，就是相当于你的前后都有一个你看不见摸不着但确实存在的元素，但‍‍事实上它们表现上就像是真正的元素，我们能够给它们添加任何样式，比如改变它们的颜色、添加背景色、调整字体大小、调整它们中的文本等等。::before和::after必须配合content属性来使用，::after，::before的作用很多如，关联背景图像，添加过渡效果，用于引用媒体文件等。