CSS文件通常遵循以下步骤和格式来编写:
创建文件
设置编码
在文件的第一行,指定文件的编码格式,通常是 `UTF-8`。
@charset "utf-8";
编写CSS代码
在文件内编写CSS规则,每个规则由选择器和声明块组成。
选择器后面跟一对大括号 `{}`,声明块内包含一个或多个属性和值对,属性和值对之间用分号 `;` 分隔。
属性名和值之间用冒号 `:` 分隔。
多个声明块之间用分号 `;` 分隔。
例如:
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;
}
在HTML中引用CSS文件
可以通过 ` ` 标签将CSS文件链接到HTML文档中。
在HTML的 `` 部分添加 ` ` 标签,`rel` 属性设置为 `stylesheet`,`href` 属性设置为CSS文件的路径。
例如:
以上是编写CSS文件的基本步骤和格式。请根据您的具体需求选择合适的方法。