关于DIV+css转换的 问题
<aclass="hot"href="网址"style="line-height:14px;margin:6px0px0px19px;display:inline-blo...
<a class="hot" href="网址" style="line-height: 14px; margin: 6px 0px 0px 19px; display: inline-block; white-space: nowrap; float: left; height: 14px; color: rgb(255,51,102); font-size: 12px; text-decoration: none" target="_blank">早春新款</a><a href="网址" style="line-height: 14px; margin: 6px 0px 0px 19px; display: inline-block; white-space: nowrap; float: left; height: 14px; color: rgb(102,102,102); font-size: 12px; text-decoration: none" target="_blank">热卖美裙</a>
我想把以上格式写成DIV+css应该怎么写 css文件里应该怎么写 然后怎么调出来呢 展开
我想把以上格式写成DIV+css应该怎么写 css文件里应该怎么写 然后怎么调出来呢 展开
展开全部
楼上的是嵌入式，我的是CSS和HTML分开式。这两种方法都可以实现；
把下面的代码用一个后缀为.css的文件放着；
.hot{
line-height: 14px;
margin: 6px 0px 0px 19px;
display: inline-block;
white-space: nowrap;
float: left;
height: 14px;
color: rgb(255,51,102);
font-size: 12px;
text-decoration: none;
下面的是HTML代码
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link href="css文件路径" />
<title>无标题文档</title>
</head>
<body>
<a class="hot" href="网址" target="_blank">早春新款</a>
<a class="hot" href="网址" target="_blank">热卖美裙</a>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.hot1{line-height: 14px; margin: 6px 0px 0px 19px; display: inline-block; white-space: nowrap; float: left; height: 14px; color: rgb(255,51,102); font-size: 12px; text-decoration: none;}
.hot2{line-height: 14px; margin: 6px 0px 0px 19px; display: inline-block; white-space: nowrap; float: left; height: 14px; color: rgb(102,102,102); font-size: 12px; text-decoration: none;}
</style>
</head>
<body>
<a class="hot1" href="网址" target="_blank">早春新款</a>
<a class="hot2" href="网址" target="_blank">热卖美裙</a>
</body>
</html>
1.新建一个style.css文件
在style.css里面将下面内容复制进去
.hot1{line-height: 14px; margin: 6px 0px 0px 19px; display: inline-block; white-space: nowrap; float: left; height: 14px; color: rgb(255,51,102); font-size: 12px; text-decoration: none;}
.hot2{line-height: 14px; margin: 6px 0px 0px 19px; display: inline-block; white-space: nowrap; float: left; height: 14px; color: rgb(102,102,102); font-size: 12px; text-decoration: none;}
2.在</head>上面加这样一句话
<link rel='stylesheet' href='style.css的路径' type='text/css'/>
当添加了这句话后 html里面的<style type="text/css">......</style>可以删掉了
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.hot1{line-height: 14px; margin: 6px 0px 0px 19px; display: inline-block; white-space: nowrap; float: left; height: 14px; color: rgb(255,51,102); font-size: 12px; text-decoration: none;}
.hot2{line-height: 14px; margin: 6px 0px 0px 19px; display: inline-block; white-space: nowrap; float: left; height: 14px; color: rgb(102,102,102); font-size: 12px; text-decoration: none;}
</style>
</head>
<body>
<a class="hot1" href="网址" target="_blank">早春新款</a>
<a class="hot2" href="网址" target="_blank">热卖美裙</a>
</body>
</html>
1.新建一个style.css文件
在style.css里面将下面内容复制进去
.hot1{line-height: 14px; margin: 6px 0px 0px 19px; display: inline-block; white-space: nowrap; float: left; height: 14px; color: rgb(255,51,102); font-size: 12px; text-decoration: none;}
.hot2{line-height: 14px; margin: 6px 0px 0px 19px; display: inline-block; white-space: nowrap; float: left; height: 14px; color: rgb(102,102,102); font-size: 12px; text-decoration: none;}
2.在</head>上面加这样一句话
<link rel='stylesheet' href='style.css的路径' type='text/css'/>
当添加了这句话后 html里面的<style type="text/css">......</style>可以删掉了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style type="text/css">
div .hot{
line-height: 14px;
margin: 6px 0px 0px 19px;
display: inline-block;
white-space: nowrap;
float: left;
height: 14px;
color: rgb(255,51,102);
font-size: 12px;
text-decoration: none;
}
div .hots{
line-height: 14px;
margin: 6px 0px 0px 19px;
display: inline-block;
white-space: nowrap;
float: left;
height: 14px;
color: rgb(102,102,102);
font-size: 12px;
text-decoration: none
}
</style>
<div><a href="网址" class="hot" target="_blank">早春新款</a></div>
<div><a href="网址" class="hots" target="_blank">热卖美裙</a> </div>
你是指这样吗？
div .hot{
line-height: 14px;
margin: 6px 0px 0px 19px;
display: inline-block;
white-space: nowrap;
float: left;
height: 14px;
color: rgb(255,51,102);
font-size: 12px;
text-decoration: none;
}
div .hots{
line-height: 14px;
margin: 6px 0px 0px 19px;
display: inline-block;
white-space: nowrap;
float: left;
height: 14px;
color: rgb(102,102,102);
font-size: 12px;
text-decoration: none
}
</style>
<div><a href="网址" class="hot" target="_blank">早春新款</a></div>
<div><a href="网址" class="hots" target="_blank">热卖美裙</a> </div>
你是指这样吗？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
