href属性定义被链接文档的位置。HTML引用css有三种,内联样式、内部样式表、外部引用,本章节是讲外部引用。外部引用的好处是可被多页面重复使用,样式与html分离。<link>外部样式一般都使用到三个属性,rel属性、 type属性、href属性。
案例目录结构
案例效果图
h1 {color:#FF0000;} p {color:#0000FF;} body {background-color:#FFEFD6;}
<!doctype html> <html> <head> <meta charset="utf-8"> <title>炫代码(www.xuandaima.com)</title> <link rel="stylesheet" type="text/css" href="/Template/Test/css/href.css"> </head> <body> <h1>href 属性 我使用href.css文件样式</h1> <p>我也使用了href.css文件样式</p> </body> </html>
如果没有rel="stylesheet",引入的css文件没有效果。 |
打开源代码
使用Ctrl+U或者在页面右键鼠标菜单下的“查看源代码”
点击在link标签的href连接
看连接是否打开css代码,是则成功,否则失败。
<link href="URL文件连接">
值 | 描述 |
---|---|
URL | 被链接资源/文档的 URL。 可能的值:
|