CSS的三种引入方式

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>
posted @ 2022-12-11 20:01  无敌大牛牛  阅读(27)  评论(0)    收藏  举报