文件名称:css-airbnb:在CSS中创建Airbnb的卡片布局[css]
文件大小:896KB
文件格式:ZIP
更新时间:2024-03-12 04:40:01
HTML
爱彼迎样机 许多网站,包括Facebook和Airbnb,都使用网格布局来显示常见元素,例如信息卡,照片和其他信息。 学习如何创建这些不同布局的最好方法是自己尝试。 因此,让我们尝试重新创建。 入门 分叉并将此存储库克隆到您的计算机 已为您创建了一个HTML文件( index.html )和CSS文件( css/style.css )。 内容也位于名为img的文件夹中 要求 查看可交付的屏幕截图,然后看您如何匹配它。 重新创建屏幕截图时,请记住以下几点 使用正确的字体 获取和使用相关图像 在每个图像的中心对齐文本 在每页的中心对齐图像 按行和列考虑布局 可交付成果 这是应复制部分的屏幕截图。 尽可能接近交付模型。 此外,代码应具有良好的缩进性,并遵循最佳实践,包括没有皮棉错误。 警告:是的,我们知道主页不再像这样。 他们怎么敢! 旧的主页在保留了一些元素,但是没有任何痕迹。 mm! 继
【文件预览】:
css-airbnb-master
----css()
--------.keep(0B)
--------style.css(24B)
----img()
--------napa.jpg(87KB)
--------san-francisco.jpg(70KB)
--------london.jpg(58KB)
--------sonoma.jpg(73KB)
--------.keep(0B)
--------new-york.jpg(61KB)
--------san-francisco-2.jpg(92KB)
----readme.md(2KB)
----.github()
--------PULL_REQUEST_TEMPLATE.md(212B)
----index.html(290B)
----LICENSE(52KB)
----.gitignore(1KB)
----.editorconfig(207B)
----solution.jpg(530KB)
----LICENSE.txt(52KB)