为什么HTML调用不了css

发布网友发布时间：2022-04-22 19:43

共5个回答

热心网友时间：2022-04-19 06:33

HTML调用不了css，可以对照以下3种方式进行解决：
第一种：行间内<div style="width:100px;height:100px;"></div>;
第二种 : 写在head里<style> .div1{width:100px;height:100px;}</style>;
第三种：写在外面，新建一个style.css文件，然后把第二种里style里的东西复制进来，在主页面<link href="style.css" rel="stylesheet>.

热心网友时间：2022-04-19 07:51

原因可能是路径错误或是文件名不对，具体html引用css代码如下：

在head中间加入代码<link href="css/main.css" rel="stylesheet" type="text/css" />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<link href="css/top.css" rel="stylesheet" type="text/css" />
<link href="css/font.css" rel="stylesheet" type="text/css" />
</head>

热心网友时间：2022-04-19 09:26

font 和 color之间是有分号的

你的写法是：

h2 {font:"华文彩云" bold color:#000ff}

正确的写法是：

h2 { font:"华文彩云" bold; color:#000ff; }

包括其他几个属性都是，缺少分号结束符。

CSS默认的写法是一行一个属性的，如：

#media {
    right:0px;
    top:0px;
    position:absolute;
    z-index:999;
}

属性在同一行也是可以的，主要是为了压缩css体积。但，一般的建议是，标签和｛｝中括号一个空格隔开，中括号内的属性也使用使用空格隔开，不管什么时候，最后一个属性都要书写结束符。

不建议的样子：

#media{right:0px; top:0px;position:absolute;z-index:999}

建议的样子：

#media { right:0px; top:0px; position:absolute; z-index:999; }

追问试了但是还是没用

追答

你的界面效果应该是看上去是这样的：

css如下：

h2 { font-family:"华文彩云"; font-weight:bold; color:#0000FF; }
h3 { font-family:"黑体"; font-style:oblique; color:#FF33CC; }
p { font:"宋体"; font-weight:lighter; text-indent:20pt; }
body { background:#eee url(002.jpg) center top; margin:30pt 20%; }

热心网友时间：2022-04-19 11:17

这问题真的是。。。。
写在行内看看好不好使，要是好使的话，再看看css路径是不是有问题，还有就是文件名要用英文，用数字的话也是可以的，但是你不保证它不会出问题