首页 > 其他分享 >CSS的三种引入方式

CSS的三种引入方式

时间:2022-12-11 20:12:40浏览次数:26  
标签:style 行内 标签 三种 引入 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>

标签:style,行内,标签,三种,引入,CSS,页面
From: https://www.cnblogs.com/xiaomengniu/p/16974312.html

相关文章