CSS文件是用于定义网页样式的文件。在编写CSS文件时,我们需要遵循一定的格式要求,以确保代码的可读性和可维护性。
下面是一个典型的CSS文件写法:
/* 注释:这是一个CSS文件 */ /* 定义全局样式 */ body { font-family: Arial, sans-serif; line-height: 1.5; color: #333; background-color: #fff; } /* 定义标题样式 */ h1, h2, h3 { font-weight: bold; color: #666; } /* 定义链接样式 */ a { color: #00f; text-decoration: none; } a:hover { text-decoration: underline; }
上面的代码中,我们首先使用注释来描述这是一个CSS文件,然后通过选择器来定义全局样式、标题样式和链接样式等。注意到每个样式定义都采用了大括号包裹,其中包含了属性名和属性值的键值对。
使用CSS文件时,我们需要将其引用到HTML文件中,使用<link>标签即可:
<head> <title>My Website</title> <link rel="stylesheet" href="style.css"> </head>
上面的代码中,我们在HTML文件的<head>标签中引用了名为style.css的CSS文件,使得网页可以应用其中定义的样式。