摘要：
4.媒体类型与媒体查询 4.1 媒体类型 依据设备能力来分离样式的能力，始于 媒体类型 。 媒体类型用于针对特定的环境应用样式，包括屏幕显示、打印和电视等。 通过给 元素添加 属性，可以指定在哪些设备上应用相关样式。 在CSS文件中指定媒体类型： 4.2 媒体查询 在 元素中， 媒体查询 可以这样写 阅读全文
摘要：
1.一个例子 响应式Web设计最核心的一点，就是可以适配不同视口大小的流式布局。 1.1 简单上手 把列设置为浮动和100%宽度，以保证行可以包含浮动的子元素。 1.2 媒体查询 如果视口更宽一些，那就有可能在一屏之内显示更多内容。 如果媒体类型屏幕的可视窗口宽度大于等于35em，就使用相应的样式。 阅读全文
摘要：
3.二维布局：CSS Grid Layout CSS Grid Layout模块为了能在二维空间里控制元素的顺序、位置和大小而定义了一组CSS属性。 被设值为 的元素叫 网格容器 （grid container）。 容器进一步被网格线划分为不同的区域，叫 网格单元 （grid cell）。 网格线之 阅读全文
摘要：
1.布局规划 1.1 网格 网格系统 是设计师在切分布局时作为参照的一组行和列。 1.2 布局辅助类 类名用于为布局添加样式。为了让样式可以重用，让类名表达其意图。 另一种做法： 命名规范 是高质量代码的重要组成部分。 如果设计很复杂，那么最好选择一个现成的 CSS布局框架 。 到底是该选择现成的框 阅读全文