how2j.cn

相关下载
文件名 文件大小
img.rar 41k
answer.rar 42k

工具版本兼容问题
用到的图片在右侧


步骤 1 :

练习-综合练习1

练习-综合练习1


HOW2J公众号,关注后实时获知布最新的教程和优惠活动,谢谢。


问答区域    
2018-04-24 做的不好大家将就看看,哈哈
wuhui666



菜鸟做的好辛苦,看看可以不

							

							






答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2018-04-12 终于做了个样子
ticktack



做了两个小时
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="prac1Style.css" />
</head>
<body>
<div id="all">
    <div class="caidanlan">
        <p class="left"><img src="img/1.png" id="Img1"/>  最新动态</p>
        <p class="right"><img src="img/2.png"/>  设置</p>
    </div>
    <div>
        <div id="UserImg" class="left"><img src="img/4.png"/></div>
        <div id="category"  >
            <div class="whiteSpace">热门回答,来自 机械 <a href="">关注话题</a>
<a href="">人类史上令人叹为观止的极限精度制造成果有哪些?</a>
            </div>
        </div>
        <div id="6551" class="left" style="background-image: url(img/5.png)">6551</div>
        <div id="author" class="whiteSpace">    <strong>Vincent Fu</strong>,Materials Science,PhD</div>
         <div id="ansImg" class="left"><img src="img/6.png"/></div>
         <p id="answer">说到精度,就不得不提在材料学中最重要的一个方面:表征。
             要项研究一种材料性能,握在手里把玩时远远不够的,就算你拿出放大镜离近了看,
             也只能看到表面的一些坑坑洼洼,而为了知晓一种材料的纤维结构,
             科学家至少要下到纳米级(放大千倍),如果要获得更深... <a href="" class="whiteSpace">  显示全部</a></p>
        <div id="view" class="whiteSpace"><img src="img/7.png">  关注问题  <img src="img/8.png">  867条评论  <img src="img/9.png">  作者保留权利
        </div>
    </div>

</div>
</body>
</html>



#all{
    height: 300px;
    width: 500px;
    border-bottom:  gray solid 1px;
}
.caidanlan{
    border-bottom: gray solid 1px;
    padding: 10px;
    height: 40px;
    width: 100%;
}
#Img1{
    margin-right: 5px;
}
#UserImg{
  padding: 0px;
  clear: both;
  margin-top: 5px;
}
#category{
   height: 47px;
   width: 90%;
    float: right;
}
#6551{
    margin-top: 10px;
}
#author{
    clear: right;
}
#answer{
    position: relative;
    left: 70px;
    font-size: small;
}
#ansImg{
    position: relative;
    left: 55px;
    top: 8px;
}
#view{
    position: relative;
    left: 55px;
}
.right{
    float: right;
}
.left{
    float: left;
}
.whiteSpace{
    white-space: pre;
}
a{
    color: blue;
    text-decoration: none;
}


							






答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2018-03-13 作业做的不对,求指点
2018-03-08 交作业
2018-02-24 交作业 写的好乱 全是DIV没事么...
2018-01-29 这个div怎么不在左边
2018-01-29 这个div怎么不在左边
2018-01-29 怎么嵌套两个div这个布局就不对了
2018-01-18 怎么才能随浏览器的大小进行自适应?
2017-12-25 关于边框模型的问题
2017-12-21 交作业。。 菜鸟一只 做了两个小时
2017-12-15 交作业啦
2017-12-15 交作业啦
2017-11-24 请老师检阅一哈
2017-11-24 不熟练花了3小时吧
2017-11-20 花了一小时写的 希望能让老师满意
2017-11-20 本菜鸟写的
2017-09-17 为什么右边的部分是靠 width:367px撑起来的?
2017-09-09 写了一个小时 请批改作业啊老师
2017-09-07 图片和文字不在同一水平
2017-08-21 改变了body的宽度为800px后,为什么只有第一个div改变宽度,其他的不变啊。
2017-08-10 插入img,img默认显示位置不贴着边
2017-08-04 写了一晚上,感觉写的很乱,div套div
2017-06-04 <div style="clear:left;"></div><br>加和不加的区别
2017-06-02 对span元素设置margin-right为什么没有效果?
2017-06-01 关于代码的问题
2017-06-01 line-height=170%是什么意思
2017-06-01 站长,你这个边距是用什么测的啊,还有颜色
2017-05-12 class的问题
2017-04-13 内联元素能直接设置margin和padding吗?
2017-03-19 端技术-CSS-综合性练习1 -练习-综合练习1 的提问
2016-06-02 关于阶段练习的答案




提问之前请登陆
关于 前端基础-CSS-综合性练习1 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 389538688
站长会在每个工作日早上尽量回答提问(如果有漏掉没有回答的,请进群提醒一下)
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
站长是玻璃心,提问的时候请语气温柔些 kiss~
截止2017-5-19日累计提问 1638个,站长回答了 1546个
截止2017-8-15日累计提问 2788个,站长回答了 2544个

上传截图