2. IT
    3. CSS的引入方式

    CSS的引入方式

    xiaoxiao2021-03-25  64

    行内式 适用于所有标签

    通过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属性作用在同一个标签时的优先级

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

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

    转载请注明原文地址: https://ju.6miu.com/read-35113.html

    技术

    最新回复(0)