内联式

每一个HTML标签都包含一个style属性,可以直接定义样式。该样式仅能用于该元素的内容,对于另一个同名的元素则不起作用。
代码示例:

<div style="color:red; font-size:100px">好好学习天天向上</div>

内部嵌入

直接在HTML文件里面定义样式,当代码较多时不建议使用
代码示例:

<style type="text/css">
div{color:orange; font-size:50px;}
</style>

外联式

外部引用指HTML文档本身不含有CSS样式,而是动态引用外部的CSS文件定义文档的表现形式。
代码示例:
HTML文件中:

<link rel="stylesheet" type="text/css" href="css/01-qianru.css">

css文件


div{
color:green;
font-size:60px;
}

import链入

在style元素之间使用@import命令导入外部的css文件
代码示例:
HTML文件中:

<style type="text/css">
@import url("css/01-qianru.css");
</style>

外部css文件中:

div{
color:green;
font-size:60px;
}
最后修改:2022 年 01 月 13 日 11 : 18 PM
如果觉得我的文章对你有用,请随意赞赏