今天写了一个简单的网页,请看代码:错误的:
//CSS代码使用外部引入式
<html>
<head><title>我的家乡在凯里</title>
<link href="0122.css" type="text/css">
</head>
<body>
<p>我的家乡在凯里</p>
</body>
</html>
0122.CSS代码:
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px; color:red; /*要的就是这样的效果:设置字体颜色为红色*/
}
结果显示的字体:颜色无变化
正解:
<html>
<head><title>我的家乡在凯里</title>
<link href="0122.css" type="text/css" rel="stylesheet">
</head>
<body>
<p>我的家乡在凯里</p>
</body>
</html>
0122.CSS代码:
/* CSS Document */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:20px; color:red; /*要的就是这样的效果:设置字体颜色为红色*/
}
结果显示的字体 :字体颜色为红色,引入的CSS起作用了
结论: rel是Relations的缩写 指关联到一个stylesheet(样式表单) 在标签中,“rel=stylesheet”,rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用。切忌漏写rel,否则引入的CSS无效!