2019年7月30日
摘要：
一、盒子垂直居中的方法 1、先让盒子的上下边缘和父盒子的水平中心线重叠，，然后再让子盒子往回移动自身一半的距离 <div class="father"> // 结构 <div class="son"></div></div>/* 通过 transform 属性来移动*/.father { width 阅读全文
摘要：
使用 CSS3 和 HTML5 制作一个小黄人。 结构代码： <div class="wrap"> <!-- 头发 --> <div class="hair"> <div class="hair_1"></div> <div class="hair_2"></div> </div> <!-- 身体 阅读全文
摘要：
圣杯布局 和 双飞翼布局 是重要布局方式。两者的功能相同，都是为了实现一个两侧宽度固定，中间宽度自适应的三栏布局。 遵循了以下要点： 两侧宽度固定，中间宽度自适应 中间部分在 DOM 结构上优先，以便先行渲染 允许三列中的任意一列成为最高列 只需要使用一个额外的<div>标签 圣杯布局 1、结构： 阅读全文
摘要：
渐变分为以下两类： 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向 径向渐变（Radial Gradients）- 由它们的中心定义 但是渐变色的兼容性问题很严重，在这里介绍一个线性渐变： 语法格式： background:-webkit-linear-gradie 阅读全文
摘要：
渐进增强 (progressive enhancement)： 针对低版本浏览器进行构建页面，保证最基本的功能，然后再针对高级浏览器进行效果、交互等改进和追加功能达到更好的用户体验。 优雅降级( graceful degradation)： 一开始就构建完整的功能，然后再针对低版本浏览器进行兼容。 阅读全文