HTML与CSS的三种结合方式

1. 内联样式 不推荐

在标签内使用style属性指定css代码
<div style="color: chartreuse">hello css</div>


2.内部样式

在head标签内 ,定义style标签 style标签的标签体内容就是css代码
<head> <meta charset="UTF-8"> <title>页面</title> <style> /*作用域为div*/ div{ color:blue; }


3.外部样式

  1. 定义css资源文件
    2.在head标签内 ,定义link标签 引入外部资源文件

<head> <meta charset="UTF-8"> <title>页面</title> <link rel="stylesheet" href="css/a.css"></link>

posted @ 2020-12-07 11:35  Code_Red  阅读(368)  评论(0编辑  收藏  举报