摘要：
说明 在CSS当中，布局一直是一个非常重要的话题，在漫长的发展时间当中，出现了很多种布局方案，但是就整体来说主要分成解决PC端和移动端布局的两大类，在这两大类中包括例如传统的table布局，后期的display+float+position的布局方案，再比如CSS3中新增加的Flex布局和多列布局等 阅读全文
摘要：
flex布局详解 说明 flex 布局是CSS3中新增加的一套布局方案，属于一维布局模型。flex提供了强大的空间分布和对齐能力。 想要理解和使用flex进行网页布局，需要先来学习和理解下面的几个概念： flex的两根轴线: 主轴和交叉轴 flex容器和flex子元素 基本概念的解释 flex的两根 阅读全文
摘要：
CSS3 基础入门(二) 2d变换 在css3中，可以通过2d相关的属性实现元素的2d变换，包括: 位移 旋转 缩放 倾斜 位移 可以通过将transform的值设置为translate 来让元素进行位移，translate的语法如下: transform: translate(x, y) x 沿着 阅读全文
摘要：
CSS3 基础入门(一) 说明 CSS3 中相对于CSS2来说，新增加了很多的内容，其中较为常用的包括下面几点： 选择器 自定义字体(嵌入字体)和字体图标 边框属性 背景属性 文本阴影和盒子阴影 颜色属性 渐变(线性渐变、径向渐变、重复渐变) 过渡 2d变换 3d变换 动画 新的布局方案(flex 阅读全文