实习日志2020.05.29

实习内容：
·css常用的布局：弹性布局和浮动布局，css的框模型：内容区，内边距，外边距及边框；
·display：规定元素应该生成的框的模型；
·block：块级元素，前后自带换行，可以设置宽高；inline：内联元素也叫行内元素，前后不带换行，不可以设置宽高；inline-block:行内块，前后不带换行，可以设置宽高；
·none：不生成框，在页面上看不到，经常用作隐藏元素；
·css中常见的布局手法1：表格布局（table标签）已经过时；
·css中常见的布局手法2：div+css：浮动+定位等属性，优点是兼容性好，缺点是比较繁琐需要自行计算某些尺寸，不适应自适应的布局，解决浮动带来的影响也比较繁琐；弹性布局：使用方便，尺寸不用自己算，一切都是浏览器分配（注：来自于css3，老浏览器不兼容）；
·css中水平居中的一个常用手法：margin:0 auto(0：上下外边距为0，auto:左右外边距为零)，使用条件是这个元素必须是块元素，宽度必须小于父元素的宽度（注:当一个块元素的宽度不够100%时，默认左对齐并且右边有一段浏览器默认填充的外边距）；
·弹性布局的关键词汇1：弹性容器：当一个元素设置为弹性容器时子元素自动为弹性子元素；
·弹性布局的关键词汇2：弹性子元素属性：order 控制弹性容器里子元素的顺序，数值小的排在前面，可以为负值；flex-grow 设置弹性子元素的扩展比率；flex-basis 指定弹性子元素伸缩前的默认大小值，相当于width和height属性；align-self 允许独立的弹性子元素覆盖弹性容器的默认对齐设置（align-items）。

主要收获与体会：
今天自己出的错误，让我深刻的体会到学习的过程是最美的，在解决错误后我每天都有很多的新的体会，新的想法，想说的很多，我总结下来主要有以下几点：多听、多看、多想、多做。在实习过程中，我们会碰到很多问题，有的是我们懂得的，也有很多是我们不懂的，不懂的东西我们要及时查阅相关内容，及时巩固，做好总结，掌握知识。