前言 我们在手机上布局一般是这个样子的： 其中头部对整个mobile的设计至关重要，而且坑也很多： ① 一般来说整个header是以fixed布局，fixed这个产物在移动端来说本身坑就非常多 ② 在Hybrid应用中，Header很多时候扮演了不一样的角色，首先要完成以webview ...

前言 气泡组件在实际工作中非常普遍，无论是网页中还是app中，比如： 我们这里所谓气泡组件是指列表型气泡组件，这里就其dom实现，css实现，js实现做一个讨论，最后对一些细节点做一些说明，希望对各位有用 小钗最近初学CSS，这里做一个专题，便于自身CSS提升，文章 ...

一、CSS3选择器 CSS3是CSS的第三代版本，新增了很多功能，例如：强大的选择器、盒模型、圆角、渐变、动画、2D/3D转换、文字特效等。 CSS3和HTML5没有任何关系！HTML5骨架中，可以用CSS2.1也可以用CSS3。XHTML骨架中可以用CSS3的样式。 在学习CSS之前都是 ...

笔记来源：尚硅谷 Web 前端 HTML5&CSS3 初学者零基础入门全套完整版 目录 CSS 语法与选择器 1. CSS 简介 层叠样式表 内联样式（行内样式） 内部样式表 ...

像前面三种都是相当于几个不同的点轮流来播放同一动画：变大变小。css3里面有一个用于尺度变换的方法：scale(x,y)：定义 2D 缩放转换，改变元素的宽度和高度。 第四种就是一个小球从上往下跌落，再弹回去，在上面的时候速度最小，下面的时候速度最大。由于该小球只进行了上下的移动，所以我 ...

写几个简单的加载中动画吧。 像前面三种都是相当于几个不同的点轮流来播放同一动画：变大变小。css3里面有一个用于尺度变换的方法：scale(x,y)：定义 2D 缩放转换，改变元素的宽度和高度。 第四种就是一个小球从上往下跌落，再弹回去，在上面的时候速度最小，下面的时候速度最大。由于该小球 ...

css3制作动画的几个属性：变形(transform)，过渡(transition)和动画(animation)。 首先介绍transform变形。 transform英文意思：改变，变形。 css3中transform主要包括以下几种：旋转(rotate),扭曲(skew)，缩放 ...

css3制作动画的几个属性：变形(transform)，过渡(transition)和动画(animation)。 transform介绍过了。接下来介绍过渡transition。 一、例子 先通过一个例子感性认识一下transition的动画效果。 鼠标放上去，div宽度从100px增大 ...