css文件的用法

阅读量: 156 编辑

css文件的用法

<head> 标签中使用 link 标签

<link href="./02.css" type="text/css" rel="stylesheet">

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

一、代码实战

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

文件:02.css

.mydiv{
    color: red;
    font-size: 50px;
    background-color: yellow;
    border: 1px solid green;
    margin-top: 100px;
}

文件:02.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>css文件</title>
        <link href="./02.css" rel="stylesheet" type="text/css">
    </head>
    <body>
        <div class="mydiv">这是link的样式表</div>
    </body>
</html>