CSS的三种引入方式
css写再style标签中,style标签一般写在head标签里面,title下面
外联式用的相对多
引入方式 | 书写位置 | 作用范围 | 使用场景 | 提示 |
---|---|---|---|---|
内嵌式 | CSS写在style标签中 | 当前页面 | 小案例 | style标签虽然可以写在页面的任意位置。但通常约定写在head标签中 |
外联式 | CSS写在单独的CSS文件中,通过link标签引入 | 多个页面 | 项目中 | |
行内式 | CSS写在标签的style属性中 | 当前标签 | 配合js使用 |
行内式
实际开发中,不会手动去写行内式引入css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div style="color:green; font-size: 100px;">这是div标签</div>
</body>
</html>
标签:style,行内,标签,三种,引入,CSS,页面
From: https://www.cnblogs.com/xiaomengniu/p/16974312.html