81,114
社区成员
发帖
与我相关
我的任务
分享css中关于div的使用
<%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %>
<!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>
<style>
body{ font-family:Georgia, "Times New Roman", Times, serif;
font-size: small;
}
div.box{ border:1px solid #E2DFD0;
margin-bottom:1em;
}
div.box div.title{ padding:0.3em;
padding-left:0.6em;
background:#F2F0DD;
font-size:0.9em;
font-weight:bold;
}
div.box div.content{ margin:0.3em;
}
div.box div.content *{ margin:0em;
}
div.box h3{ font-weight:bold;
font-size:0.9em;
padding:0.5em;
color:#0033cc;
}
div.box p{ font-size:0.9em;
padding:0.5em;
}
div.content+div.content{ border-top:1px dotted #E2DFD0;
}
</style>
</head>
<body>
<div class="box">
<div class="title">产品列表</div>
<div class="content">
<h3>Web Professional</h3>
<p>Web Professional是一款可视的web开发软件，它能快速的创建优美的Web页面，
提供了强大的网站管理功能。</p>
</div>
<div class="content">
<h3> Web Express</h3>
<p>Web Express 是一款轻巧的可视Web开发工具,
使用它可快速创建您需要的Web页面 </p>
</div>
</div>
</div>
</body>
</html>
在head里面的样式表中div.content+div.content{}代表含义？？
<!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>
<style>
body{ font-family:Georgia, "Times New Roman", Times, serif;
font-size: small;
}
div.box{ border:1px solid #E2DFD0;
margin-bottom:1em;
}
div.box div.title{ padding:0.3em;
padding-left:0.6em;
background:#F2F0DD;
font-size:0.9em;
font-weight:bold;
}
div.box div.content{ margin:0.3em;
}
div.box div.content *{ margin:0em;
}
div.box h3{ font-weight:bold;
font-size:0.9em;
padding:0.5em;
color:#0033cc;
}
div.box p{ font-size:0.9em;
padding:0.5em;
}
div.content+div.content{ border-top:1px dotted #E2DFD0;
}
</style>
</head>
<body>
<div class="box">
<div class="title">产品列表</div>
<div class="content">
<h3>Web Professional</h3>
<p>Web Professional是一款可视的web开发软件，它能快速的创建优美的Web页面，
提供了强大的网站管理功能。</p>
</div>
<div class="content">
<h3> Web Express</h3>
<p>Web Express 是一款轻巧的可视Web开发工具,
使用它可快速创建您需要的Web页面 </p>
</div>
</div>
</div>
</body>
</html>
在head里面的样式表中div.content+div.content{}代表含义？？
...全文
请发表友善的回复…
发表回复
