经过这段时间的学习，对于HTML+CSS的一些基础知识有了一定的了解。所谓好记性不如烂笔头，多做笔记一点点的累积，才能汇聚成知识的海洋，不懂的地方多跟同学交流或者向老师咨询。下面我说一下CSS3中的弹性盒子：以往的网页布局方式方式：基于盒模型，依赖display属性+margin属性+padding属性+float属性。特殊布局比较麻烦（比如元素的垂直居中）。2009年w3c推出flex布局，可以简便，完整，响应式的实现网页布局。任何元素都可以使用，弹性盒子是CSS3的一种新的布局模式。一、fl

1、将图片转换为块级对像即设置img为：display：block；2、设置图片的垂直对齐方式即设置图片的vertical-align属性为「top，text-top，bottom，text-bottom」也可以解决。3、设置父对象的文字大小为0px即，在样式中添加一行： font-size:0px;可以解决问题。但这也引发了新的问题，在父对像中的文字都无法显示。就算文字部分被子对像括起来，设置子对像文字大小依然可以显示，但在CSS效验的时候会提示文字过小的错误。4、改变父对象的属性如果父对象的

前端性能优化方法随着前端引用变得越来越复杂，前端的性能优化变得越来越重要。大家都有这样一种体验，如果打开一个网站的速度非常快，那么在的上面的停留时间相对较长，反之，则可以以后再也不想访问这个网站了。可见性能优化的重要性，决定的用户的去留。那么具体如何来提高前端的性能呢？要提高前端网页的性能，首先你要对当前的网站性能水平有个量化的认知，那么我们如何去查看一个网页的性能呢？非常简单，我们可以使用chorme的一个插件叫做lightHouse,该插件能够自动的分析当前网页的各项性能指标，更贴心的是，它