css样式引入方式_头歌实践教学平css样式引入方式

作者：笔触狂放9 | 2024-06-09 10:21:29

踩

头歌实践教学平css样式引入方式

1、行内样式表
优点：书写方便，权重高
缺点：结构样式混写
控制范围：控制一个标签
eg：<div style="color:red; font-size:12px">行内样式表</div>
2、内部样式表
优点：部分结构和样式分离
缺点：结构与样式没有彻底分离
控制范围：控制一个页面，样式写在页面的style标签里边
eg：
<style>
    div{
        color:red;
    }
    .green{
        color:green;
     }
</style>
3、外部样式表
优点：完全实现结构与样式分离
缺点：需要在页面里引入
控制范围：控制多个页面
使用方式：工程中创建后缀为.css的文件，文件中只需编写各种css样式，然后在需要的页面中引入这个css文件即可，引入方式：在head标签内添加一行<link rel="stylesheet" herf="css文件路径">

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/笔触狂放9/article/detail/693675