1. 打开一个文本编辑器,例如记事本、VS Code 或 Git Bash。
2. 在编辑器中创建一个新的文件,并将其命名为 CSS 文件。
3. 在文件中添加以下代码。这些代码将定义 CSS 样式表,用于样式化大家的网页。
4. 在 CSS 文件中添加以下类的样式,以定义页面的不同部分的外观。
“`
* {
margin: 0;
padding: 0;
box-sizing: border-box;
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
h1 {
font-size: 32px;
margin-bottom: 20px;
p {
font-size: 16px;
line-height: 1.6;
button, input[type=”button”], input[type=”submit”] {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
button, input[type=”submit”] {
background-color: #45a049;
“`
“`
“`
6. 保存 CSS 文件。
7. 将 CSS 文件保存到网页中,并使用 HTML 元素将其加载到网页中。例如,可以使用以下代码将 CSS 文件加载到网页中:
“`
<link rel=”stylesheet” type=”text/css” href=”CSS文件路径”>
“`
这样,CSS 样式表将被应用到网页中,以改善页面的外观和布局。
以上就是新建 CSS 文件的步骤,希望能有所帮助。