本教程操作环境：windows10系统、css3版，dell g3电脑，该方法适用于所有品牌电脑。
css文件的写法：
1、新建文本文档，重命名为 xxx.css
2、使用编辑器打开文件，第一行写上编码格式
@charset "utf-8";
3、接下来编写你需要的css代码，格式为
选择器 { 属性名1: 属性值1, 属性名2: 属性值2, ...}
例如：
<style>@charset "utf-8";body{ margin: 0; background: #f9f9f9;}.shadow{ background: #fff; box-shadow: 0 0 4px rgba(0, 0, 0, .2);}#nav{ box-sizing: border-box; padding: 8px; height: 46px;}#app{ margin: 8px; min-height: 300px;}#footer{ box-sizing: border-box; padding: 8px; min-height: 46px}</style><div class="shadow" id="nav">nav</div><div class="shadow" id="app">app</div><div class="shadow" id="footer">footer</div>
相关教程推荐：css视频教程
以上就是css文件怎么写的详细内容。