一、 行内样式表(行内式引入)
行内样式表(内联样式表)是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式.
<p style="font-weight: 700;">一段话</p>
特点:
1.结构样式不分离,没有体现出结构与样式相分离的思想
2.只能设置单个标签里的样式
3.style中的语法规范和css一样
二、 内部样式表(嵌入式引入)
是将所有的 CSS 代码抽取出来,单独放到一个 <style> 标签中写在header里面。
<style>
p {
font: italic 700 20px Arial;
}
</style>
特点:
1.代码结构清晰,但是样式与结构并没有完全分离。
2.通过此种方式,可以方便控制当前整个页面中的元素样式设置。
三、外部样式表
把所有的css代码都写在单独的css文件中,再通过link引入。
一般在html页面的head中,写入link标签引入css文件。
<link rel="stylesheet" href="13-外部样式表.css">