论坛

标题: 铛铛网 [打印本页]

作者: zxrzxr    时间: 2016-1-18 23:16
标题: 铛铛网
<!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=utf-8" />
<title>无标题文档</title>
<style type="text/css">

#box {

        width: 1095px;
    margin-top: 0px;
        margin-right: auto;
        margin-bottom: 0px;
        margin-left: auto;
}
#box_1 {
        height: 58px;
        width: 1095px;

}
#box_2 {
        height: 59px;
        width: 1095px;

       
}
#box_3 {
        height: 103px;
        width: 1095px;

}
#box_4 {
        float: left;
        height: 1748px;
        width: 311px;
}
#box_5 {
        float: left;
        height: 323px;
        width: 243px;
}
#box_6 {
        float: left;
        height: 323px;
        width: 541px;
}
#box_7 {
        float: left;
        height: 1425px;
        width: 784px;
}

#box_8 {
        float:left;
        height: 149px;
        width: 1095px;
}
#box_9 {
        float: left;
        height: 267px;
        width: 1095px;
}
#box_10 {
        float: left;
        height: 125px;
        width: 1095px;
}
</style>
</head>

<body>
<div id="box" >
<div id="box_1">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_03.gif" width="1095" height="59" /></div>
<div id="box_2">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_02.gif" width="1095" height="58" /></div>
<div id="box_3">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_04.gif" width="1095" height="103" /></div>
<div id="box_4">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_05.gif" width="311" height="726" /><img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_10.gif" width="311" height="153" /><img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_11.gif" width="311" height="269" /><img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_12.gif" width="311" height="244" /><img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_14.gif" width="311" height="356" /></div>
<div id="box_5">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_06.gif" width="243" height="323" /></div>
<div id="box_6">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_07.gif" width="541" height="323" /></div>
<div id="box_7">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_08.gif" width="784" height="402" /><img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_09.gif" width="784" height="423" align="left" /><img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_13.gif" width="784" height="600" align="left" /></div>
<div id="box_8">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_15.gif" width="1095" height="149" /></div>
<div id="box_9">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_16.gif" width="1095" height="267" align="middle" /></div>
<div id="box_10">  <img src="21_网页美工设计入门详解/第二节  裁切网页效果图(sn-21-9)/新建文件夹/images/11_17.gif" width="1095" height="125" /></div>
</div>
</body>
</html>



作者: yuanxi52028    时间: 2016-1-19 17:40
页面整体显示没问题
有两点要注意一下
第一,写代码最好养成良好的习惯 代码要整洁 标签什么的应该一对一对的
如:
<div>
    <div>
        <img />
        <img />
        <img />
        <img />
        <img />
    </div>
</div>
还有,你的img前有空格,会影响兼容性的。

第二,代码里如果不是正文内容,最好别用中文命名,有些浏览器会出现无法显示的情况。
可以用拼音,英文,数字来命名文件和文件夹。





欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1