/*页面框架*/
.z {
width:940px---这里指网站内容部份的宽度，也就是图片的宽度
background-color:#FFF这里给定义了北景色
padding-bottom: 100px这里指底部内填充
}
2、
如果只想知道两边无内容地方 为什么是灰色的。这个是因为用CSS样式定义了正个body的颜色了，就会让空余地方都会是灰色的。
/*网页整体*/body {background-color:#E8E8E8}默认情况下，body的背景色是 白 色的
3、对于头像出现地地方。为什么会在大图的上面，这是通过定位实现的。
/*头像*/
.facebox {
position: absolute这是绝对定位
left: 50px 距左边50
top: 230px距上边230
background-color: #FFF
height: 220px 定义了头像的高
width: 170px 定义了头像的宽
padding-top: 2px 定义了头像区的上部内填充
padding-right: 2px 定义了头像区的右部内填充
padding-left: 2px 定义了头像区的左部内填充
/*阴影*/
-moz-box-shadow: 0px 2px 5px #CCC/*firefox*/
-webkit-box-shadow: 0px 2px 5px #CCC/*safari或chrome*/
box-shadow:0px 2px 5px #CCC/*opera或ie9*/
background-image: url()
background-position: 74px 182px
background-repeat: no-repeat
}
另外你的问题 因为没有网页原代码，只看CSS样式，诊断不一定准确。如果解决了望采纳，如果没解决，私信联系。
东方幻想乡的素材我没怎么有，如果你有的话可以参照以下我弄的css：bilibili空间（我写的日志内目前有两个不同风格的样式）
http://space.bilibili.tv/350990/list.html
简单地替换掉图片就可以了，如果要弄个复杂的幻想乡风格，唯有等别的高手帮助了。
打字不易，如满意，望采纳。
