注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

Moemon's DIY Blog

 
 
 
 
 

日志

 
 
关于我

高端纸模设计师+电子专业学霸+新手程序猿 人类哟,你们不要点错天赋啊~~~~~~另外求一起去刷coursera的公开课,好寂寞。。。

网易考拉推荐

最近在玩的东西喵~  

2013-04-03 01:14:16|  分类: 建模 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

学习html+css去啦~就算这样,163这个平台也不是很合适,毕竟样式表什么的本身就在个人的博客风格里面都有啦~ 不好好修改代码没法塞到博客里面用的喵~
所以首页的那玩意,写起来异常的繁琐。
另外由于不知道什么原因,每个栏目的代码长度和可以占用的面基都很有限,还不得不拆成3快,真是捉急喵。

不过拜这个所赐,float 和margin玩的稍微熟练了。可惜写的东西直接放上来也看不出啥玩意 凹。~
总之复制粘贴下所有文本另存为html文件会看到Moemon临摹的某世界名画,就是这样的喵~ 朋友说这样比比较节省网页的图片数量,从而减少服务器鸭梨神马的,总之先试试吧~

最近在玩的东西喵~ - Moemon - Moemons DIY Blog

<!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" />
<style type="text/css">
body{margin:0;}
#black{background:#111; width:1080px; height:1080px; margin:auto}
#white1{background:#fff; width:247px; height:133px; margin:0px 13px 13px 0px; float:left}
#white2{background:#fff; width:390px; height:133px; margin:0px 13px 13px 13px; float:left}
#yellow1{background:#ff6; width:325px; height:133px; margin:0px 13px 13px 13px; float:left}

 

#white3{background:#fff; width:115px; height:252px; margin:13px 13px 13px 0px; float:left}
#red1{background:#f66; width:523px; height:527px; margin:13px;float:left}
#yellow2{background:#ff6; width:324px; height:252px; margin:13px; float:left}
#white4{background:#fff; width:149px; height:249px; margin:13px; float:left}
#white5{background:#fff; width:149px; height:249px; margin:13px; float:left}

#whiteRight{background:#fff; width:40px; height:686px; margin:0px 0px 13px 13px;float:right}

#white6{background:#fff; width:115px; height:387px; margin:-262px 13px 13px 0px;float:left}
#gray1{background:#222; width:252px; height:245px; margin:13px; float:left}
#gray2{background:#ccc; width:244px; height:109px; margin:13px; float:left}
#white7{background:#fff; width:324px; height:109px; margin:13px; float:left}
#gray3{background:#ccc; width:244px; height:109px; margin:13px; float:left}
#blue{background:#309; width:324px; height:190px; margin:13px; float:left}

#yellow3{background:#ff6; width:115px; height:230px; margin:-200px 13px 13px 0px; float:left}
#white8{background:#fff; width:252px; height:99px; margin:-69px 13px 13px 13px; float:left}
#white9{background:#fff; width:595px; height:17px; margin:13px; float:left}
#red2{background:#f66; width:40px; height:368px; margin:-338px 0px 13px 13px; float:left}

</style>
</head>

 

<body>
<div id="black">
<div id="whiteRight">
</div>
<div id="white1">
</div>
<div id="white2">
</div>
<div id="yellow1">
</div>

<div id="white3">
</div>
<div id="red1">认真了你就输了~
</div>
<div id="yellow2">
</div>
<div id="white4">
</div>

<div id="white4">
</div>

<div id="white6">
</div>
<div id="gray1">
</div>
<div id="gray2">
</div>
<div id="white7">
</div>
<div id="gray3">
</div>
<div id="blue">
</div>


 

<div id="yellow3">
</div>
<div id="white8">
</div>
<div id="white9">
</div>

<div id="red2">
</div>
</div>


</body>
</html>


 
  评论这张
 
阅读(610)| 评论(10)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018