CSS 的引入方式

97 阅读1分钟

内部样式表

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        p {
            text-indent: 2em;
            line-height: 26px;
        }
    </style>
</head>

行内样式表

 <div style="color: red;font-size: 12px;">111</div>

style其实就是标签的属性

外部样式表

<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css文件路径">
</head>
  • rel:定义当前稳定与被链接文档之间的关系,在这里需要指定为"stylesheet",表示被链接的文档是一个样式表文件

chrome调试工具

如果有样式,但是样式前面有黄色叹号提示,则是样式属性书写错误 在这里插入图片描述