1. 产品概述

1.1 体验环境

app名称：网易云音乐（移动端）
app版本：5.9.0
体验所用机型：iPhone 8
体验手机系统：iOS 12.1.4
体验人：郑建德
体验时间：2019.02.18-2019.02.25

布局是 CSS 中重要的一环，它能让我们能够准确的控制每个元素在页面中的位置并创造出具有魅力的页面。

1. 问题的出现

在学习布局有关的 float 属性时，发现了 float 属性在使用时出现的 2 个问题。

盒模型是CSS中的一个重要概念，它是元素大小的呈现方式。Every Element In Web Design Is A Rectangular Box.

设置文本属性是 CSS 样式表中重要的部分之一，文本的格式对页面的可读性有着非常显著的影响。

设置字体属性是 CSS 样式表最常见的用途之一。为你的页面选择合适的字体以及样式能增强读者的用户体验。

计算机屏幕上的每种颜色都由一定数量的红色、绿色、蓝色混合而成。在 CSS 中，通常有 4 种方式来指定所选的颜色：颜色名称、十六进制编码、RGB 值、HSL 值。

良好的中文排版能够让人在阅读的时候非常舒服；且统一中文文案、排版的相关用法，能有效降低团队成员之间的沟通成本，增强网站气质。

CSS 的引用方式主要有三种：内联样式、内部样式表以及外部样式表。使用合适的引用的方式能更好的表现想要展示的样式。

布局是 CSS 中一个重要的部分，而三栏式布局在现在的开发中尤为常见。所以，熟悉并掌握三栏式布局是我们学习前端的一门必修课。