摘要：
13-CSS3属性：Flex布局图文详解 #前言 CSS3中的 flex 属性，在布局方面做了非常大的改进，使得我们对多个元素之间的布局排列变得十分灵活，适应性非常强。其强大的伸缩性和自适应性，在网页开中可以发挥极大的作用。 #flex 初体验 我们先来看看下面这个最简单的布局： 上面这张图中的布局 阅读全文
摘要：
12-CSS3属性详解：动画详解 #前言 本文主要内容： 过渡：transition 2D 转换 transform 3D 转换 transform 动画：animation #过渡：transition transition的中文含义是过渡。过渡是CSS3中具有颠覆性的一个特征，可以实现元素不同状 阅读全文
摘要：
11-CSS3属性详解（一） #前言 我们在上一篇文章中学习了CSS3的选择器，本文来学一下CSS3的一些属性。 本文主要内容： 文本 盒模型中的 box-sizing 属性 处理兼容性问题：私有前缀 边框 背景属性 渐变 #文本 #text-shadow：设置文本的阴影 格式举例： text-sh 阅读全文
摘要：
10-CSS3选择器详解 #CSS3介绍 CSS3在CSS2基础上，增强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。 #CSS3的现状 浏览器支持程度不够好，有些需要添加私有前缀 移动端支持优于PC端 不断改进中 应用相对广泛 #应对的策略：渐进增强 （1）坚 阅读全文
摘要：
09-CSS案例讲解：博雅互动 #前言 CSS已经学了一些基础内容了，我们来讲解一个小案例吧。以博雅互动的官网首页举例。 #版心 首页的版心如下： 这里我们要普及一个概念，叫“版心”。版心是页面中主要内容所在的区域。 比如说，网站左上角的logo，设计图给出的左边距是143像素，此时，我们千万不要以 阅读全文
摘要：
08-CSS属性：定位属性 CSS的定位属性有三种，分别是绝对定位、相对定位、固定定位。 position: absolute; <!-- 绝对定位 --> position: relative; <!-- 相对定位 --> position: fixed; <!-- 固定定位 --> 下面逐一介绍 阅读全文
摘要：
07-浮动.md #文本主要内容 标准文档流 标准文档流的特性 行内元素和块级元素 行内元素和块级元素的相互转换 浮动的性质 浮动的清除 浏览器的兼容性问题 浮动中margin相关 关于margin的IE6兼容问题 #标准文档流 宏观地讲，我们的web页面和photoshop等设计软件有本质的区别： 阅读全文
摘要：
06-CSS盒模型详解 #盒子模型 #前言 盒子模型，英文即box model。无论是div、span、还是a都是盒子。 但是，图片、表单元素一律看作是文本，它们并不是盒子。这个很好理解，比如说，一张图片里并不能放东西，它自己就是自己的内容。 #盒子中的区域 一个盒子中主要的属性就5个：width、 阅读全文
摘要：
05-CSS样式表的继承性和层叠性 #本文重点 CSS的继承性 CSS的层叠性 计算权重 权重问题大总结 CSS样式表的冲突的总结 权重问题深入 同一个标签，携带了多个类名 !important标记 #CSS的继承性 我们来看下面这样的代码，来引入继承性： 上方代码中，我们给div标签增加红色属性， 阅读全文
摘要：
04-CSS选择器：伪类 #伪类（伪类选择器） 伪类：同一个标签，根据其不同的种状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示。 比如div是属于box类，这一点很明确，就是属于box类。但是a属于什么类？不明确。因为需要看用户点击前是什么状态，点击后是什么状态。所以，就叫做“伪类”。 #静 阅读全文