在dreamweaver写的代码有显示出来,但是按了F12之后CSS格式的都没了。
HTML代码如下<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR...
HTML代码如下
<!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=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" style=" txt/css" href="6.css"/>
</head>
<body>
<div class="1">
<span class="3">XXXXXXXX</span> <span class="2">XXXXXXXX</span>
<img src="images/QQ图片20131106230436.jpg"/>
<img src="images/QQ图片20131106230436.jpg"/>
<img src="images/QQ图片20131106230436.jpg"/>
<ul>
<li><a href="#">XXXX</a></li>
<li><a href="#">XXXX</a></li>
<li><a href="#">XXXX</a></li>
</ul>
</div>
</body>
</html>
CSS代码如下。
.1 {
height: 300px;
width: 350px;
border: 1px solid #000;
}
.1 ul{ padding-left:0px;
list-style-type: none;
}
.1 ul li {
float:left;
margin-right:50px;
}
.3{ font-size:18px;
font-style:italic;}
.1 img {
margin-top:5px;
margin-right:10px;
}
.1 a:link
{
color:#000;
text-decoration:none;
} 展开
<!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=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" style=" txt/css" href="6.css"/>
</head>
<body>
<div class="1">
<span class="3">XXXXXXXX</span> <span class="2">XXXXXXXX</span>
<img src="images/QQ图片20131106230436.jpg"/>
<img src="images/QQ图片20131106230436.jpg"/>
<img src="images/QQ图片20131106230436.jpg"/>
<ul>
<li><a href="#">XXXX</a></li>
<li><a href="#">XXXX</a></li>
<li><a href="#">XXXX</a></li>
</ul>
</div>
</body>
</html>
CSS代码如下。
.1 {
height: 300px;
width: 350px;
border: 1px solid #000;
}
.1 ul{ padding-left:0px;
list-style-type: none;
}
.1 ul li {
float:left;
margin-right:50px;
}
.3{ font-size:18px;
font-style:italic;}
.1 img {
margin-top:5px;
margin-right:10px;
}
.1 a:link
{
color:#000;
text-decoration:none;
} 展开
2个回答
展开全部
路径不对。。。css没引入是路径的问题,你仔细检查下路径。
更多追问追答
追问
没错啊。。
追答
你用绝对路径试一下,或者你给css文件新建一个文件夹,路径写成../的形式。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
确认CSS文件和HTML在一个文件夹下. 另:<link rel="stylesheet" style=" txt/css" href="6.css"/> 应该是<link rel="stylesheet" type=" text/css" href="6.css"/>. 注意一下命名语意化
更多追问追答
追问
就是在一个文件夹。。而且我也改成你那样的了 还是不对 但是在dreamweaver里面的设计面板是可以用的 按了F12之后在浏览器不可以。就是上面两个图的效果了。。。
追答
注意语意化. CLASS命名不要用数字开头
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询