html调用css不起作用，html引入css文件没有效果的原因
今天给各位分享html调用css不起作用的知识，其中也会对html引入css文件没有效果的原因进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
怎么在网页html页面中调用css样式文件问题
这是关于怎么在网页html页面中调用css样式文件问题，详细调用方法如下：
1、直接在html页面中使用style属性
<td style="height:30px;">hello</td>
这种方法可以灵活的将样式应用于各个标签中，方便代码的编写。缺点是没有整篇文件的“统一性”，在修改样式时变得困难，不方便维护。
2、使用style标签，通常在网页<head></head>之间写
<style type="text/css">
<!--
.style1{
font-size:12px;
}
-->
</style>
调用方法：
<span class="style1">要使用CSS啊</span>
3、利用link标签调用外部css样式文件
以上两种方法CSS样式代码和HTML代码都在一个页面上，本方法可以调用外部的CSS文件，比如style.css，CSS文件的后缀为.css，可以用Dreamweaver或者笔记本编写。
<head>
<title>css调用实例</title>
<link rel="external nofollow" href="style.css" type="text/css" rel="stylesheet"/>
</head>
也是在head里调用的。
基本上第一种和第三种方法常用到。
为什么css文件放在html文件夹里打不开
肯定是路径错了。这得根据css文件和当前html文件的相对位置而定：
1、如果css和html放在同一文件夹，那么这样写：
rel="external nofollow" href="41.css"或rel="external nofollow" href="./41.css"
2、如果css放在html的上级文件夹，则这样写：
rel="external nofollow" href="../41.css"
3、如果css放在html的下级文件夹（假定名为sub），则应该这样写：
rel="external nofollow" href="sub/41.css"或rel="external nofollow" href="./sub/41.css"
4、如果css放在html的上级文件夹的下级文件夹（假定名为xxx），也就是说与html所在文件夹是平级文件夹，则应该这样写：
rel="external nofollow" href="../xxx/41.css"
5、如果css文件放在网站的根目录，则可以这样写：
rel="external nofollow" href="/41.css"
请注意，如果你的html文件是本地执行的（就是用鼠标双击html文件运行的），那么这里说的“根目录”是指驱动器的根目录；而如果是在web服务器运行的（就是在浏览器地址栏输入网址打开的），则根目录是指网站在服务器的最顶层目录。
6、如果你搞不清两个文件的相对位置，保险起见，你也可以使用完整的url路径：
rel="external nofollow" href="http...你的网址.../css所在文件夹名/41.css"
这个是最保险的，不管你的html文件放在哪里（甚至是别的网站），都可以调用css文件。当然这种方法只适合于已部署的网站（也就是必须用网址打开的）
怎么在html中调用css文件
有两种调用方式（前提是你已经打算活着已经写好了一个 CSS文件）\x0d\x0a1：采用链接的方式调用代码语法如下：\x0d\x0a \x0d\x0a rel说明该link和 href之间的关联样式为样式表文件。type说明该文件为样式表文本\x0d\x0a2：采用@ import\x0d\x0a如果你已有一个CSS文件，自己又写了一个 CSS文件，想调用，那么在第一个CSS文件中加入：\x0d\x0a@import（url）
OK，本文到此结束，希望对大家有所帮助。