在将CSS样式应用到HTML页面中之前,需要将CSS代码保存为.css文件,并将其添加到HTML页面的head部分。head部分通常包含以下内容:
<head>
<meta charset=”UTF-8″>
<title>CSS 样式应用到 HTML 页面</title>
<link rel=”stylesheet” type=”text/css” href=”css.css”>
</head>
接下来,需要将CSS代码添加到HTML页面的body部分。body部分通常包含以下内容:
<body>
<h1>这是页面的标题</h1>
<p>这是页面的内容。</p>
<link rel=”stylesheet” type=”text/css” href=”css.css”>
</body>
最后,将CSS样式应用到HTML页面中,可以通过在CSS代码中包含@import语句来实现。@import语句会导入HTML页面中的所有<link>标签指定的CSS文件。
例如,以下代码将CSS样式应用到HTML页面中:
将以上代码保存为.css文件,并将其添加到HTML页面的head部分,这样网页中的所有页面标题和内容就会具有与CSS样式相匹配的样式。
总之,将CSS样式应用到HTML页面中需要将CSS代码保存为.css文件,并将其添加到HTML页面的head部分,以便浏览器可以正确地加载CSS样式。