本篇文章将介绍编写一个 CSS 文件的方法及步骤, 感兴趣的可以参考一下.
1, 新建文本文档, 重命名为 xxx.CSS
2, 使用编辑器打开文件, 第一行写上编码格式
@charset "utf-8";
3, 接下来编写你需要的 CSS 代码, 格式为
选择器 {
属性名 1: 属性值 1,
属性名 2: 属性值 2,
...
}
例如:(推荐学习: CSS 视频教程 https://www.html.cn/css/ )
- <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>
来源: http://www.css88.com/qa/css3/15978.html