摘要：
CSS, SASS, SCSS 三者的关系 SCSS 语法 阅读全文
摘要：
BFC 是 Block Formatting Context（块级格式化上下文）的缩写， 它是为了解决如下问题： 浮动定位 外边距合并 清除浮动 自适应多栏布局 阅读全文
摘要：
在了解 CSS 盒型之后，可以来了解下页面布局了。 阅读全文
摘要：
CSS 盒模型 所有的视觉界面，都是一个 “排版” 问题。一本书的封面，一张海报，一个网页，一个 APP 界面本质上都是 “如何排版” 的问题。比如，京东首页上的部分页面： 手机淘宝界面： 为了解决如何 “放置” 各种各样的内容，HTML/CSS 的设计者把各种各样的内容抽象为一种形状——“矩形”， 阅读全文
摘要：
CSS 进击的渐变 来看下面这样一张图，这个是通过 CSS 渐变函数来实现的。 下面是实现这张图的代码，就算是对着代码看，我也理解不了，这幅图是如何构成的，直到我在群里问，然后有人推荐我看 《CSS 揭秘》。 .gradient4 { width: 400px; height: 200px; bac 阅读全文
摘要：
是的，CSS 除了属性、选择器，还有函数。函数用于充当属性的值，比如： background-image: linear-gradient(#e66465, #9198e5); 上述函数 linear-gradient() 是用来创建一个线性的渐变图像。CSS 中有如下这些函数： 函数名 描述 at 阅读全文
摘要：
CSS 选择器 上一篇讲了 CSS 的属性，我们可以通过 CSS 的属性修饰 HTML 标签来达到某些效果，理论上有 CSS 的属性就可以了。但是为了提高 CSS 对标签修饰的效率，我们需要引用 CSS 选择器。比如，当页面上有多个列表，这些列表及列表的元素之间有相似之处，也有不同之处。如果你不使用 阅读全文
摘要：
和 HTML 的标签类似，CSS 功能的实现是通过属性来完成的。同样 CSS3 有非常多的属性，据说一共有 259 个属性 （由于这个问题中提到的 CSS 属性是参考这个网站的，我统计了下，目前一共有 274 个了） 。如此多的属性，如果不将其分类组织，恐怕是很难记住的，当然，要记住这些属性没有比亲 阅读全文
摘要：
打算模仿一些网站的页面，先从一些看上去简单的开始，比如 126 邮箱首页，鉴于现在的水平，先从页面的一部分开始，下面是 126 邮箱的导航栏： 按 F12 键打开 “开发者工具”，来观察分析导航栏中的内容： 调整窗口大小，发现导航栏的宽度会与浏览器窗口宽度保持一致，说明导航栏的宽度不是固定的，发现高 阅读全文