介绍：
HTML和CSS是前端开发的两个重要组成部分。HTML负责结构和内容，而CSS则负责页面的外观和样式。在HTML文件中，<head>标签中加入CSS样式，可以实现页面的更多样式。
使用外部CSS文件
可以将CSS样式写在一个外部文件中，通过在HTML文件中调用来实现页面的更好布局和样式。可以在HTML文档的头部使用<link>元素来引入外部样式表文件，格式如下：
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
其中，rel 属性指定文档与被链接的文档之间的关系，type 属性指定链接的文件类型，href 属性指定外部样式表的文件名。
内嵌式CSS
除了使用外部CSS文件，还可以在HTML文档中使用内嵌式CSS。内部样式表位于样式标签内，格式如下：
<head>
<style type="text/css">
/* CSS 样式 */
body {
background-color: #f0f0f0;
}
</style>
</head>
其中，type属性指定标签中的样式语言类型为CSS。在<style>标记中定义样式表时，可以定义多个样式，使用选择器指定要应用的样式。
CSS选择器
CSS选择器描述了要应用样式的HTML元素，常见的选择器有：
元素选择器：选择特定的HTML元素，如p、a、h1等。
类选择器：选择使用class属性的HTML元素，如<p class="important">等。
id选择器：选择特定的元素，如<div id="example">等。
后代选择器：选择一组元素的后代元素，如<div><p>等。
属性选择器：选择带有指定属性的元素，如<a href="example.com">等。
示例
以下示例是一个简单的HTML文件，包括外部CSS和内部CSS：
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style type="text/css">
/* 内部样式 */
.important {
font-weight: bold;
color: red;
}
</style>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一段正文</p>
<p class="important">这是一段重要的正文</p>
</body>
其中，mystyle.css文件的内容为：
body {
background-color: #f0f0f0;
}
p {
font-size: 18px;
}
在该示例中，外部样式表定义了页面的背景颜色和所有段落的字体大小；内部样式表定义了重要段落的字体颜色和加粗效果。页面将应用外部样式表和内部样式表中定义的所有选择器。
总结
HTML头文件CSS的书写方法，可以使用外部CSS文件和内部（内嵌式）CSS样式。CSS样式表可以定义多个样式，使用选择器指定要应用的样式。常见的选择器有元素选择器、类选择器、id选择器、后代选择器和属性选择器。
使用CSS可以实现更好的页面布局和样式效果，增强用户体验和可读性。建议在实际项目中深入学习和应用CSS。