寻根溯源话布局 一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到 float 属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存…

在本文中，我们将通过图文并茂的方式为大家介绍 Flexbox ，通过一些 GIF 动画让你直观地了解 Flexbox 的工作原理，并使用它来构建灵活的布局。学习 Flexbox 的小伙伴，不要错过咯。

来自百度前端技术学院的实践任务：有趣的鼠标悬浮模糊效果，参考：http://ife.baidu.com/course/detail/id/14，用 CSS3 实现了一下，顺便复习下 CSS 的基础。

一.自适应的椭圆 问题： 我们肯定都注意到过，我们给一个正方形元素添加一个足够大的border-radius（指定大于正方形元素边长一半的半径），就可以使其变成一个圆形(如图1-1.png)。 示例： width: 200px; height: 200px; backgrund…

分解 仔细看完课程表页面，我们可以把页面分解： 顶部一栏: 周一到周日。 左侧一栏: 第 1-12 节课。 中间部分灰色虚线和午休的红线。 遍历具体课程，并绘制。 开始写代码 顶部： 使用 wx 的 for 循环 <view wx:for="{{['一',…

熟悉水平居中和垂直居中的方法, 不为别的, 就为用的时候能够信手拈来. 下面直接步入正题.原文：16种方法实现水平居中垂直居中 水平居中 1) 若是行内元素, 给其父元素设置 text-align:center,即可实现行内元素水平居中. 2) 若是块级元素, 该元素设置 ma…

css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。 可以通过input, blur事件来监听element的输入和输入完后鼠标离开。 手机video 都可以在页面中播放，而不是全屏播放了。 使用clearfix…

面试中经常遇到的面试题之一，居中布局，特来总结