引用CSS
就目前来看，学的东西都很基础，这里把整理好的笔记贴上去，希望刚踏入前端的我们能够理解的更加清晰。
引用css
1. 外部样式表，开发者一般使用它较为方便
2. 内部样式表
3. 行内样式表 2和3一般用于测试的时候
外部样式表:css代码在一个独立的文件中，HTML通过link元素引入到页面（link是空元素）
<link rel="stylesheet" href="main.css">
使用外部样式表的特点： 实现了内容结构和表现形式代码分离，方便反复使用和维护（一个css可以应用于多个html）
使html代码更加纯净，有利于程序员和搜素引擎的阅读
内部样式表：将css代码写到html文档的style元素内容中
<style>
h1{
color:red
}
</style>
没有了样式表文件，在某些时候可以提升效率
多个页面难以共享样式，不利于代码复用
html和css代码混杂，不利于程序员和搜索引擎阅读
在某些对效率要求苛刻或测试的场景下使用
行内样式表：css代码写在元素的style属性中，行内样式不写选择器
<h1 style="color:red">内容</h1>
没有了样式表文件，在某些时候可以提升效率
多个页面难以共享样式，不利于代码复用。
html和css代码混杂，不利于程序员和搜索引擎阅读
javascript操作的是行内样式表
在测试的场景下使用
注：同一个页面，同一个元素，分别用不同CSS引用不同样式添加，那么行内样式优先级最高，权重最大
外部样式表需要用到link元素去css中引用样式，这里需要注意路径的准确。
内部样式是在style标签直接书写css代码样式。外部和内部都是写在<head></head>
行内样式表是作为属性写在起始标签中。写在<body></body>
浙公网安备 33010602011771号