# 如何新建css文件重写Magento2的样式

**URL:** https://forum.magentochina.org/t/%E5%A6%82%E4%BD%95%E6%96%B0%E5%BB%BAcss%E6%96%87%E4%BB%B6%E9%87%8D%E5%86%99magento2%E7%9A%84%E6%A0%B7%E5%BC%8F/24
**Category:** Magento 2.X
**Tags:** magento2, 模板, 自定义, 样式
**Created:** [2017 年10 月 6 日 06:46 UTC](https://forum.magentochina.org/t/%E5%A6%82%E4%BD%95%E6%96%B0%E5%BB%BAcss%E6%96%87%E4%BB%B6%E9%87%8D%E5%86%99magento2%E7%9A%84%E6%A0%B7%E5%BC%8F/24 "2017-10-06T06:46:34Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### 作者： ![Shuai](https://forum.magentochina.org/user_avatar/forum.magentochina.org/shuai/32/3_2.png) [@Shuai](https://forum.magentochina.org/u/Shuai)
#### 发布日期： [2017 年10 月 6 日 06:46 UTC](https://forum.magentochina.org/t/%E5%A6%82%E4%BD%95%E6%96%B0%E5%BB%BAcss%E6%96%87%E4%BB%B6%E9%87%8D%E5%86%99magento2%E7%9A%84%E6%A0%B7%E5%BC%8F/24/1 "2017-10-06T06:46:34Z")

</div>

如果你使用Magento 2.0以上的版本

你可以先创建一个个css文件custom-styles.css到你的主题，比如:

文件夹在: **app/design/frontend/Magento/your/theme/web/css**

然后重写该主题的default\_head\_blocks.xml文件  
文件夹在: **app/design/frontend/Magento/Magento/your/theme/Magento\_Theme/layout**

像这样:

 ![](https://forum.magentochina.org/uploads/default/original/1X/82ed23fd37de9d643ec8d79519b35ee8d7c099fb.png)

然后用命令行在Magento2的根目录下输入:  
`bin/magento ca:cl && bin/magento se:st:de`  
这一步等待的时间会比较长,完成后再刷新你的页面,你新建的css文件已经成功加入到你的主题了.