黑马程序员技术交流社区
标题: 学习前端的心路历程 [打印本页]
作者: 明星心丫 时间: 2020-2-23 16:40
标题: 学习前端的心路历程
经过一周的HTML的基础知识的学习和实践我收获了很多。
总结一下我上星期所学的内容及掌握程度。
html基本结构 熟练并能记住。
标签的使用 网页的基本标签已熟练并记住。
选择器的使用及组合 组合选择器掌握的不是很好,符号和对应的功能容易混淆。
图片、文本、视频、超链接的插入也已熟练并且几种方法都能掌握。
css盒子模型的构成和搭建。 基本熟练。实际操作有难度。
元素位置的占用方式有四种
float (浮动) 可用作导航的排列
relative (相对定位)在static的基础上,如果我想让一个元素在他本来的位置做一些调整(位移),我们可以将该元素设置为position:relative;同时指定相对位移(利用top,bottom,left,right)。
有一点需要注意的是,相对定位的元素仍然在文档流中,仍然占据着他本来占据的位置空间——虽然他现在已经不在本来的位置了。
absolute(绝对定位)如果你想在一个页面中将一个元素放至指定位置,你可以使用absolute来定位,将该元素的position设置为absolute,同时使用top,bottom,left,right来定位。如果没有父元素,位置是相对于body来进行的。绝对定位会使元素从文档流中被删除,结果就是该元素原本占据的空间被其它元素所填充。
fixed(静止) 一般可用于右下侧小广告或者弹出界面或者其他。
这周学习之后,我也通过自己的学习和探究模仿百度界面 做了一个百度首页。
总结:一星期过去了,但是自己制作网页的能力还是十分有限,网页的很多功能并没有实现,页面给人的感觉也不是十分舒适美观。有时候太过于心急,希望接下来的这一星期也能有所进步,上课认真听讲,不会的问题要及时去解决。重点:做事情一定要认真对待,善始善终。
作者: 流浪的猫~ 时间: 2020-3-1 19:31
没有伞的孩子必须努力奔跑,加油
作者: 大雄的竹蜻蜓 时间: 2020-3-1 20:10
世上无难事只怕有心人
作者: 25个蛋 时间: 2020-3-1 21:02
纵使天空没有翅膀也不要忘记飞翔
作者: 抓住青春的尾巴 时间: 2020-3-2 09:50
乌云再密集,天也有放晴的时候;海洋再广阔,船也有到岸的时候。只要用乐观的心态来看待事物,面对生活,就会发现这个世界真的好美。
作者: 空白格。 时间: 2020-3-2 10:54
不要感叹人生苦短。拾起梦想的种子,用一生的时间去播种,在最后一刻去收获。你会发现,你的一生,其实很精彩很充实!
作者: 情非得已。 时间: 2020-3-2 12:57
青年是人生的骄傲,也是时代未来的希望。
作者: 简单77777 时间: 2020-3-2 13:21
收拾一下心情,开始下一个新的开始。
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |