内联式
每一个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;
}