系统学习magento二次开发，推荐小册：《Magento中文全栈二次开发 》
本小册面向Magento2以上版本，书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发，后端开发，magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。
在 Magento 2 中，可以使用 @import 指令将多个 CSS 文件合并成一个文件。这种方式可以减少 HTTP 请求次数，加快页面加载速度。下面是一个简单的 Magento 2 包含 CSS 的代码示例：
/* File: styles.css */
body {
background-color: #f0f0f0;
}
/* File: typography.css */
h1 {
font-size: 36px;
font-weight: bold;
line-height: 1.2;
}
/* File: layout.css */
.container {
max-width: 960px;
margin: 0 auto;
}
/* File: theme.css */
@import url('styles.css');
@import url('typography.css');
@import url('layout.css');
/* Additional styles for theme */在上述代码中，theme.css 文件包含了 styles.css、typography.css 和 layout.css 三个文件的样式，可以在 theme.css 文件中添加额外的样式。这样，在页面中引用 theme.css 文件即可使用所有包含的样式。
需要注意的是，在 Magento 2 中，所有的样式文件都应该使用 .css 后缀，并位于主题文件夹的 web/css 文件夹下。可以在 Magento 2 的布局文件中使用 <head> 区块来引用样式文件，例如：
<!-- File: Magento_Theme/layout/default.xml --> <head> <css src="css/theme.css" /> </head>
在上述代码中，<css> 标签用于引用 theme.css 文件。可以在不同的布局文件中引用不同的样式文件，例如针对特定页面或区域定义的样式。