CSS(一)CSS引入方式

内联样式

在html标签内使用属性style,style属性可以包含任何css属性。直观但不利于维护,不推荐

<p style=" font-size: medium;"> css内联样式</p>

内部样式

在html文件头部声明样式,是这个HTML文件都可以使用,但是不能作用于其他HTML文件

<head>
   <title>Document</title>
   <style>
       p {
           color: red;
           font-size: medium;
      }
   </style>
</head>
<body>
   <p> css内部样式</p>
</body>
</html>

外部样式

在HTML文件的头部通过<link>标签引用外部的css样式文件,易维护。

# html文件
<head>
   <link rel="stylesheet" href="./public.css">
</head>
<body>
   <p>css外部引用</p>
</body>
</html>
# css文件
p {
  color: red;
  font-size: 20px;
}
posted @ 2023-06-29 20:14  hjy1995  阅读(8)  评论(0编辑  收藏  举报