页面架构HTML+CSS ヾ(o◕∀◕)ﾉ 常用居中&多列布局
2017-04-21
阅读 12 分钟
7kCSS Reset 1.作用 （1）清除浏览器默认样式（2）全局样式定义 2.特别注意 （1）项目开发初期就定义好（2）reset.css 在引入的时候一定要放在第一位（3）不同的产品reset.css不一样 3.table合并边框间距 {代码...} 4.一个并不完整也并不通用的reset.css样例 {代码...} 布局解决方案 居中布局 1.水平居中 父元素和子元素宽...
页面制作HTML+CSS基础乱炖
2017-04-16
阅读 6 分钟
4.5k<head></head> 里的 <meta charset="utf-8"> 一定要放在第一行 ，如果放在了<title>下面可能会有问题。
CSS元素垂直居中【内含vertical-align 与 line-height 属性详解】
2017-04-12
阅读 3 分钟
6.1k先来考虑这样一个问题：一行文字在一个固定高度的父div中怎样做到垂直居中？我们都知道设置父div的line-height 等于它的height就可以了，像下面这样：
Vue 实用分页组件paging（页数太多时显示省略号）
2017-04-11
阅读 2 分钟
7.4k之前的版本在页数太多时依然每一页都显示，这显然不合理。增强版在页数太多时会显示省略号，且把分页组件单独提取出来，可以直接在其他页面引入使用。代码见： Paging.vue
CSS布局基础：两列 or 三列自适应
2017-04-09
阅读 2 分钟
5.1k写这篇文章主要是为了解决一个实际遇到的问题：左右两列布局，左侧宽度固定，右侧宽度自适应（或左中右三列布局，左侧和中间宽度固定，右侧宽度自适应），当页面宽度变化时，怎样使右侧元素中的内容始终在页面剩余宽度中居中显示，将右侧元素设置了text-align: center;之后，问题其实也就是怎样让右侧元素的宽度占据页面...
实现环形进度条（CSS3+jQuery/Vue）
2017-04-06
阅读 4 分钟
13.2k这个属性规定了一个裁切的矩形，其中top和bottom所指定的偏移量是从元素盒子顶部边缘算起，right和left所指定的偏移量是从元素盒子左侧边缘算起（这里需要重点注意的是bottom和right的计算方式）。看下面这张超级清晰的图（直接把w3cplus的图搬过来了，带着水印不违规的吧？）：