A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 凡随 初级黑马   /  2020-3-2 19:49  /  962 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

时间过得很快 ,20天从开始担心怎样学习前端  ,一转眼就到了基础班结束。在这里我也学到了一些。

学习前端主要的还是先把结构搭建出来 结构最重要。如同建房子你光有一个好看的外墙,没有一个牢固的地基。那也是一个失败的建筑物。


当我开始写第一行代码时候    然后在浏览器中可以显示我想表达我想写的。当时是多么的有成就感。到了后面学习的深入,我们开始接触综合案例。当我敲一个头部分。我因为一个边距想了好久好久。听的时候我心在想这还不简单? 到自己写的时候根本没有下手的机会。经过老师讲了几次案例后,自己可以慢慢写出来,就是一部分要写好几个小时。到最后自己写多了点 ,就会明白这里该用什么。这是个怎样的结构。




相信我们都有共同的经历  起初我们不明白的东西。经过时间的洗礼我们也慢慢觉得这个问题简单。
比如一个案例:在宽度为1200px 里面放5个宽为232px的盒子一个ul里面有5个li 标签我们给它浮动起来,
再加上一个margin-right:10px;这时候一行就不能显示5个小li ,最后一个li就会挤到下面去

代码:
html部分
<div cless"box">
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>



css样式
.box ul li{
float: left;
width: 234px;
height: 50px;
margin-right: 10px;
}


起初我们会给最后一个li给个类名  让 最后一个li调用 。当我们学到后面可以用到ul li:nth-child(last)直接写最后一个li 这样就方便很多 我们学习前端也是 我们可以越简单的又能实现效果的方法就学好。

我们没有天生的强大 我们只有奋不顾身的努力 努力就会有结果。

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马