前端技术——html——CSS与html结合的三种方式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
 内联样式
      在标签内使用style属性指定css代码
-->
<div style="color: blue">hello</div>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
    div{
      color: blue;
    }
  </style>
</head>
<body>
<!--内部样式
    在head标签内,定义style标签,style标签的标签体内容就是css代码-->
</body>
<div>hello</div>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <link rel="stylesheet" href="../CSS/a.css">
</head>
<body>
<!--外部样式
1.定义资源文件
2.在head标签内,定义link标签,
  引入外部资源文件
-->
</body>
<div>hello</div>
</html>

发布了48 篇原创文章 · 获赞 18 · 访问量 4339

猜你喜欢

转载自blog.csdn.net/niTaoTaoa/article/details/103212096