概念 - CSS 创建样式

External Style Sheet 外部样式表

<!-- 方式一：通过link引入 -->
<link href="./myStyleSheet.css" type="text/css" rel="stylesheet" />

<!-- 方式二：通过import引入 -->
<style type="text/css">
	@import url("./myStyleSheet.css");
</style>

link和import之间的区别？

1. 本质的区别：link属于XHTML标签，而@import完全是css提供的一种方式
2. 加载的区别：当一个页面被加载的时候，link引用的css会同时被加载，而@import引用的css会等到页面全部被下载完再被加载，所有，有时候浏览@import加载css的页面时，会有样式加载闪烁，网速慢的时候尤其明显
3. 兼容的区别：@import是css2.1提出的，只有在IE5以上的才能识别，而link标签没有兼容的问题

Internal Style Sheet 内部样式表

<style>
    div{border:1px solid black;}
</style>

Inline Style 内联样式

<p style="color:sienna;margin-left:20px;">This is a paragraph.</

创建样式优先级

Inline Style > Internal Style Sheet > External style Sheet