文件名称：google-search-results-page:解构和重建Google搜索结果页面
文件大小：98KB
文件格式：ZIP
更新时间：2024-05-23 13:20:00
css html learning css-grid css-flexbox
Odin Project网站开发101 项目：HTML / CSS（困难） 使用Git和GitHub解构并重建Google搜索结果页面。 结果 HTML5 使用HTML5语义元素header ， nav ， main和footer以获得更清晰的结构和更好的可读性。 使用了div ， a ， img ， form ， input ， button ， svg ， p ， table ， tr ， td ， span和标题标签。 使用的href ， title ， src ， alt ， type ， viewBox ， value ， role ， fill ， cx ， cy ， r和aria-label属性。 CSS3 通过给定的Elad Shechter的示例使用和 。 将CSS Grid用于页眉，主和页脚布局。 使用CSS Flexbox进行导航，搜索栏和相关搜索布局。
【文件预览】：
google-search-results-page-master
----css()
--------reset-local.css(555B)
--------style.css(8KB)
--------normalize.css(6KB)
----images()
--------openelement.jpg(1KB)
--------adobe-dreamweaver.jpg(809B)
--------google-web-designer.jpg(787B)
--------webs.jpg(2KB)
--------weebly.jpg(4KB)
--------jimdo.jpg(2KB)
--------google-favicon-32.ico(101KB)
--------mobirise.jpg(743B)
--------im-creator.jpg(3KB)
--------godaddy.jpg(2KB)
--------google-pager.webp(4KB)
--------web-in-10-mins.jpg(10KB)
--------google-logo.png(16KB)
--------rapidweaver.jpg(2KB)
--------web-without-code.jpg(9KB)
--------webnode.jpg(886B)
--------web-from-scratch.jpg(10KB)
--------wordpress.jpg(3KB)
--------microsoft-expression-web.jpg(2KB)
--------bootstrap-studio.jpg(1KB)
----index.html(22KB)
----README.md(2KB)