带来一篇CSS3实例教程:盒子模子实例代码
表现和结构分离，在团队开发中更容易分工合作而减少相互关联性破洛洛文章简介：CSS3实例教程:盒子模子实例代码
@charset"utf-8";
/*CSSDocument*/
body{
margin:0auto;
width:1000px;
height:1000px;
font-size:12px;
}
.div1{
width:400px;
height:450px;
margin-left:10px;
margin-top:100px;
margin-left:250px;
}
font{
font-weight:bold;
font-size:18px;
font-family:"楷体";
}
.span1{
display:block;
height:18px;
}
.span1a{
float:right;
text-decoration:none;
}
.faceul{
margin:0px;
width:350px;
height:120px;
list-style-type:none;
}
.faceulli{
width:90px;
height:90px;
float:left;
margin-right:20px;
margin-top:10px;
}
.faceulimg{
width:80px;
height:70px;
margin:10px;
}
/*链接*/
.faceula{
text-decoration:none;
text-align:center;
}
a:hover{
text-decoration:underline;
font-size:18px;
color:#F00;
}
a:visited{
color:#C9F;
}
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>盒子模子1</title>
<linkhref="盒子模子综合一.css"rel="stylesheet"type="text/css"/>
</head><body>
<divclass="div1">
<div>
<spanclass="span1"><font>优酷小新</font><ahref="#">更多..</a></span>
<ulclass="faceul">
<li>小新穿裙子</a></li>
<li>恼怒的小新</a></li>
<li>小新的最爱</a></li>
</ul>
</div>
<div>
<spanclass="span1"><font>搜狐小新</font><ahref="#">更多..</a></span>
<ulclass="faceul">
<li>小新之泡妞</a></li>
<li><imgsrc="../案例二/9.gif"/><ahref="#">小新之相扑</a></li>
</ul>
</div>
</div>
</body>
</html>
</p>
表现和结构分离，在团队开发中更容易分工合作而减少相互关联性 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。 dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS，三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。 俗话说：兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中，我们难免会遇到各种各样的问题。 使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。 这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。 只要我们努力，无论是怎样的艰难险阻，成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
页:
[1]