html使用css样式一共有如下三种方式：

1.内联样式- 在HTML元素中使用"style"属性；
2.内部样式表 -在HTML文档头部 区域使用；
3.外部引用 - 使用外部 CSS文件。

一般而言，使用前两种方式都很少有问题，但在实际开发过程中，为了方便维护，HTML一般都是外部导入CSS样式的。因此，新手使用CSS样式遇到的问题一般是外部导入的CSS不起作用。

下面我们来看一下解决外部css不起作用的方法：

解决方案一：

将css引入的link的属性补充完整。

链接外部css样式时候link标签的内容结构解释：

• href 值为外部资源地址，这里是css的地址

• rel 定义当前文档与被链接文档之间的关系,这里是外部css样式表即stylesheet

• type 规定被链接文档的 MIME 类,这里是值为text/css

解决方案二：

将自己定义的CSS样式引入标签放在bootstrap框架样式引用之后，确保不会被在加载页面时被框架的样式覆盖

<link href="../css/bootstrap.min.css" rel="stylesheet">
<!--<link rel="stylesheet" href="../css/bootstrap-theme.min.css">-->
<link href="../css/index.css" type="text/css" rel="stylesheet" charset="utf-8">

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！

链接: https://fly63.com/article/detial/8672