【文件属性】:
文件名称:theOdinProject-GoogleHomePage:[TheOdinProject:Web开发101]-项目:Google主页
文件大小:1.3MB
文件格式:ZIP
更新时间:2021-02-18 17:45:31
CSS
theOdinProject-GoogleHomePage
[TheOdinProject:Web开发101]-项目:Google主页
概括
对于这个项目,我们的任务是解构现有的网页并重建它。
目的是开始考虑如何将元素放置在页面上以及大致如何设置样式和对齐方式。
对于这个项目,我们的任务是建立Google.com主页
挑战性
这个项目的挑战之一是创建一个粘性页脚。 我本来想通过使用margin-top来移动页脚,但是我觉得这不是正确的解决方案,因为我觉得这太过蛮力了。 我觉得将显示器更改为可弯曲是必经之路。 本文帮助我了解了如何做“ 。
通过这个项目,我接触了弹性增长,弹性收缩和弹性基础。 我以前没有使用过的一些属性。
应用此更改后,我注意到页脚并没有完全穿过屏幕,它有一些多余的边距阻止了页脚的完全伸展。 我了解到我们可以申请
html, body { margin: 0; }
【文件预览】:
theOdinProject-GoogleHomePage-master
----css()
--------index.css(3KB)
--------font-awesome-4.7.0()
----.gitignore(0B)
----README.md(1KB)
----index.html(3KB)
----assets()
--------images()