CSS的引入方式
css的三种样式表
- 内部样式表(嵌入式)
- 内联样式表(行内样式表、行内式)
- 外部样式表(链接式)
1、内部样式表(嵌入式)
- 当单个文件需要特别样式时,就可以使用内部样式表。写在html内部,放在 <style> </style> 标签中。
- 方便控制整个页面的元素样式设置。
- 结构清晰,但并没有实现结构与样式完全分离。
2、内联样式表(行内样式表、行内式)
- 当特殊的样式需要应用到个别元素时,就可以使用内联样式。
- 使用内联样式的方法是在相关的标签中使用样式属性,写在html内部,在style属性中设置。样式属性可以包含任何 css属性。
<标签 style=" "> 文本 </标签>
- style其实就是标签的属性
- 使用行内式设定css,也被称为行内式引入。
- 可以控制当前的标签设置样式。
- 书写繁琐,并没有实现结构与样式完全分离。
3、外部样式表(链接式)
<head>
<link rel="stylesheet" type="text/css" href="css文件路径">
</head>
- 常用。
- 当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。
- 单独写到css文件中,然后把css文件引入到html页面中使用。
- 使用外部样式表,可以通过更改一个文件来改变整个站点的外观。