总的来说，这次重构还是很锻炼自己的综合素养，这期间有感受到手酸得抬不起来的感觉，最终能把移动端和pc端在规定的时间里完成并且完善，我还是觉得很满意的。 1、h标签和ul配合使用，或者用弹性盒模型分配(汤老师解决的)2、在hover的同时，做一个展示性的hover标签，有时不能生效，可能是权重问题。3 ...
分类：
其他好文 时间：
2017-12-04 00:03:55
阅读次数：
175
justify-content justify-content：center justify-content：flex-start justify-content:flex-end justify-content：space-around justify-content：space-between ...
分类：
其他好文 时间：
2017-11-26 21:05:40
阅读次数：
252
Flex (flexible box)弹性盒模型 1、设置flex布局后，子元素的float、clear、vertical-align属性将失效。 容器的属性 flex-direction: row(默认值，主轴为水平方向，起点在左) row-reverse(主轴为水平方向，起点在右) column ...
分类：
其他好文 时间：
2017-11-11 18:59:38
阅读次数：
119
汇总各种垂直居中 一.子元素定宽高 1.给父元素相对定位position:relative， 子元素设置绝对定位position:absolute;top:0;left:0;right:0;bottom:0;子元素position:absolute;left:calc(50% - 子元素宽度/2); ...
分类：
其他好文 时间：
2017-11-03 19:12:15
阅读次数：
159
开启弹性盒模型：display:flex（写在父级中） 父级盒模型属性及属性值 1.flex-direction //决定主轴方向 属性值是：row(默认值) 水平方向 ：row-reverse 水平方向布局，但子元素反向 ：column 垂直方向 ：column-reverse 垂直方向布局，但子 ...
分类：
其他好文 时间：
2017-10-29 23:15:42
阅读次数：
244
随着第一阶段接近尾声，我们对一些知识点有些遗漏，我们在对过去的知识进行总结。 在实践中找寻自己的错误，与不懂的知识，多请教老师. 我在对与弹性盒模型与响应式布局的理解中出现偏差，导致自己页面写得很糟，现在对于这两个知识点， 我理解了一些还不熟练，就得多练. 第二阶段马上要开始了，心里还是很激动的，又 ...
分类：
其他好文 时间：
2017-10-28 23:54:47
阅读次数：
217
上一次,我们已经了解过flex-grow的具体用法后,这周,让我们一起来见一下flex-basis这个属性. flex-shrink 定义项目的缩小比例，默认值为1，注意前提是空间不足的情况下，项目缩小。值为0,不缩小。 下面的例子中没有定义该属性，但是满足容器中空间不足的情况,项目会默认缩小。 当 ...
分类：
其他好文 时间：
2017-10-24 13:07:21
阅读次数：
115
弹性布局 1、定义弹性布局（父级上定义） display:flex; 如果说内核为webkit 的必须前面加上 -webkit-flex 2、设置了弹性布局之后，子元素的css中的float, clear, vertical-align 这些属性将失效。 3、可以将flex弹性布局看成一个大盒子，也 ...
分类：
其他好文 时间：
2017-10-22 20:59:10
阅读次数：
175
一、background-size： 规定背景图像的大小； 值：像素值、百分比、auto、cover、contain 二、HSLA： 新增颜色属性； H：色调 S：饱和度 L：亮度 A：透明度 三、新增渐变颜色： radial-gradient：(*position（deg），color perce ...
分类：
其他好文 时间：
2017-10-22 17:04:45
阅读次数：
196
在学习弹性盒子模型的时候,有几个属性常常让同学们感觉头痛, 不知到最后得到的效果数值到底是怎样计算得来的,那么不要慌,稳住,我们能赢 !!!今天就让我们先来看看flex-grow这个属性 flex-grow定义项目的放大比例，默认值为0，就算存在剩余空间，也不会放大。下面的例子中没有定义该属性，是不 ...
分类：
其他好文 时间：
2017-10-19 13:55:16
阅读次数：
217
