CSS三种引入方式
最近在开始学习CSS,简单记录下遇到的知识点
1.内联式
直接在对应标签内添加style属性
缺点:
代码不可复用,重复度高,维护非常麻烦
2.嵌入式
在head内部统一定义某一类标签的style
缺点:
只能在当前页面使用,不可复用,重复度高,维护麻烦
3.外部式
通过link链接css文件,herf属性为css文件地址。
相当于将嵌入式的代码写到一个css文件内,然后通过link关联生效。
建议使用,可复用高。可维护性强
HTML源码
<!DOCTYPE html>
<html>
<head>
<title>标题</title>
<!-- 嵌入式 -->
<style type="text/css">
h3{
color: red;
}
</style>
<link rel="stylesheet" type="text/css" href="test.css">
</head>
<body>
<!-- 嵌入式 红色 -->
<h3>嵌入式</h3>
<!-- 内联式 黄色 -->
<P style="color: yellow">内联式</P>
<!-- 外部式 绿色-->
<h5>外部式</h5>
</body>
</html>
CSS源码:
h5{
color: green;
}