html调用css不起作用,新手如何解决css外部导入不起作用思路

HTML使用CSS样式一共有如下三种方式：1.内联样式- 在HTML元素中使用"style"属性；2.内部样式表 -在HTML文档头部  区域使用；3.外部引用 - 使用外部 CSS文件。一般而言，使用前两种方式都很少有问题，但在实际开发过程中，为了方便维护，HTML一般都是外部导入CSS样式的。因此，新手使用CSS样式遇到的问题一般是外部导入的CSS不起作用。

新手先检查内部样式是否覆盖外部链的样式。

外部样式导入路径会用到：./ 当前目录，../ 父级目录，/ 根目录

在此次场景中，笔者在D盘的一个文件夹下创建了一个根目录MyChat，然后在根目录下创建两个子目录public，views分别存放css样式文件和html文件。目录结构全貌如下：

以前端框架Bootstrap3为实例，地址：http://www.bootcss.com/

把bootstrap3的样式拷贝到本地的css文件夹下，分别在根目录和main文件夹下创建一个index.html文件，然后复制粘贴bootstrap官网的上html模板代码

用浏览器打开根目录的html文件看css