• 目录

css文件的用法

阅读量: 465 编辑

css文件的用法

<link href="./test.css" type="text/css" rel="stylesheet">
  • <head> 标签中使用 link 标签

  • 引入 css 文件的href 可以是一个网络地址,也可以是相对路径

一、代码实战

代码的详细解读,可以参考视频教程。

新建 html 文件 03-link.html 和 css文件 03-link.css,编写下方程序,运行看看效果吧

03-link.css


/** 
这里是css的注释 
这里是css的注释 
**/

div{
    border:1px solid blue; 
    text-align:center;/**行注释**/
}

03-link.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="./03-link.css" type="text/css" rel="stylesheet" />
        <title>CSS的文件</title>
    </head>
    
    <body>
        <div>我是div1</div>
        <br/>
        <div>我是div2</div>
    </body>
</html>

  • 目录