CSS的引入方式

最新推荐文章于 2024-07-24 09:41:52 发布

刘酒窝

最新推荐文章于 2024-07-24 09:41:52 发布

阅读量474

点赞数 1

文章标签： css html 标签

本文链接：https://blog.csdn.net/LM193/article/details/61622920

版权

行内式适用于所有标签

通过style标签属性，写入css代码这种方式一般不用，因为html和css是分离的，而且他的权重最高，就算CSS代码单独写了，一旦用了行内样式就会覆盖掉我们以前写的样式。

<p style="height:100px;color:red;background-color:aqua">123</p>

内嵌式

在head下写
<head>
<meta charset="UTF-8">
    <title>Title</title>
<style>
    div{
        height: 200px;
        background: red;
    }
</style>
</head>
写在style标签块中

外链式常用

通过link的标签href属性引入外部的css文件
<link rel="stylesheet" href="style.css"/> 

导入式不常用

在一个css中去引入另一个css文件
引入方法： @import”XXX.css” （放到第一行，最顶部）
也可以放到style标签里比如

<style>
    @import "XXX.css";
</style>

可以在以上四种方式里任意用css修改宽度高度

同一个css属性作用在同一个标签时的优先级

行内式的优先级大于内嵌式（页面先显示行内式的内容）
行内式的优先级大于外链式
行内式的优先级大于导入式
说明行内式优先级最高

内嵌式外链式导入式谁写在最后面用谁的样式，后面的样式会覆盖到前面的样式

刘酒窝

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
CSS的引入方式

行内式适用于所有标签通过style标签属性，写入css代码这种方式一般不用，因为html和css是分离的，而且他的权重最高，就算CSS代码单独写了，一旦用了行内样式就会覆盖掉我们以前写的样式。<p style="height:100px;color:red;background-color:aqua">123</p>内嵌式在head下写<head><meta charset="U
复制链接

扫一扫