仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1032|回复: 6
打印 上一主题 下一主题

[DIV+CSS] 带来一篇CSS3实例教程:盒子模子实例代码

[复制链接]
第二个灵魂 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 22:57:39 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
表现和结构分离,在团队开发中更容易分工合作而减少相互关联性
破洛洛文章简介: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>
表现和结构分离,在团队开发中更容易分工合作而减少相互关联性
再见西城 该用户已被删除
沙发
发表于 2015-1-17 19:53:44 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
简单生活 该用户已被删除
板凳
发表于 2015-1-26 22:08:39 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
小妖女 该用户已被删除
地板
发表于 2015-2-5 04:25:43 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
老尸 该用户已被删除
5#
发表于 2015-2-11 05:37:21 | 只看该作者
使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。
小女巫 该用户已被删除
6#
发表于 2015-3-11 02:59:16 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
海妖 该用户已被删除
7#
发表于 2015-3-25 05:13:39 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 02:36

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表