8、为应用添加层叠样式表

为应用添加层叠样式表

在Web开发中，样式表对于打造美观、易用的用户界面至关重要。本文将深入探讨如何在应用中添加和管理层叠样式表（CSS），并介绍一些强大的工具和技术，帮助我们更高效地构建样式。

1. 资产管道概述

Rails强调“约定优于配置”，这种理念也体现在视图层的资产处理上。Rails 3.1引入了资产管道（Asset Pipeline），它是一组内置功能，包括对CSS和JavaScript文件的合并、压缩，以及对替代语法的支持。

2. 使用资产管道

2.1 文件存放位置

Sprockets是资产管道的核心库，它为资产文件引入了新的存放位置：
- app/assets ：存放特定于应用的资产，如页面样式。
- lib/assets ：存放自己编写的、可能在多个应用中使用的资产，如公司品牌相关的样式。
- vendor/assets ：存放从外部社区获取的、非自己创建的资产。

通常，应用的主样式表位于 app/assets/stylesheets/application.css 。在构建应用视图时，我们可能会在其中添加一些 require 指令，示例如下：

/*
*= require_self
*= require normalize
*= require text
*= require buttons
*= require layout
*= requi