文件名称:css-grid:入门文件+ @wesbos CSS网格课程的解决方案
文件大小:2.02MB
文件格式:ZIP
更新时间:2024-05-31 05:39:13
css learning css-grid wesbos HTML
CSS网格视频课程 嘿! 这些是入门文件和完成的解决方案。 在获得完整的课程。 课程常见问题 问:我正在获取Browsersync无法打开浏览器(如果您在无头环境中使用BrowserSync,则可能需要将open选项设置为false) 这是因为Firefox的某些版本是“ FirefoxDeveloperEdition”,而一些新的下载是“ Firefox Developer Edition”。 如果您在课程之前下载了浏览器,则只需从package.json命令中删除空格,使其显示为“ FirefoxDeveloperEdition” 问:我看不到Firefox CSS网格检查工具的行/编号 确保同时关闭“偏好设置”>“性能”中的“使用推荐的性能设置”和“使用硬件加速(如果可用)” 社区CSS网格内容 随时提交PR,并添加指向您自己的摘要,指南或评论的链接! 关于请求请求的注释 这些是视
【文件预览】:
css-grid-master
----.gitignore(30B)
----19 - Nesting Grid with Album Layouts()
--------albums-START.html(4KB)
--------albums-FINISHED.html(5KB)
----25 - Full Bleed Blog Layout()
--------full-bleed-blog-FINISHED.html(7KB)
--------full-bleed-blog-START.html(6KB)
----24 - Responisve Website()
--------responsive-START.css(127B)
--------images()
--------responsive-FINISHED.html(3KB)
--------responsive-FINISHED.css(3KB)
--------responsive-START.html(3KB)
----package.json(887B)
----02 - Starter Files and Tooling Setup()
--------test-START.html(409B)
----03 - CSS Grid Fundamentals()
--------css-grid-fundamentals-FINISHED.html(774B)
--------css-grid-fundamentals-START.html(751B)
----18 - Re-ordering Grid Items()
--------order-FINISH.html(768B)
--------order-START.html(534B)
----16 - grid-auto-flow dense Block Fitting()
--------dense-FINISHED.html(3KB)
--------dense-START.html(3KB)
----21 - Flexbox vs CSS Grid()
--------unknown-number-of-items-START.html(726B)
--------perfectly-centered-FINISHED.html(721B)
--------self-control-FINISHED.html(963B)
--------controls-on-right-FINISHED.html(2KB)
--------variable-widths-each-row-START.html(772B)
--------axis-flipping-START.html(876B)
--------controls-on-right-START.html(1KB)
--------flex-on-item-START.html(705B)
--------variable-widths-each-row-FINISHED.html(836B)
--------unknown-content-size-START.html(642B)
--------self-control-START.html(752B)
--------flex-on-item-FINISHED.html(883B)
--------stacked-layout-FINISHED.html(680B)
--------axis-flipping-FINISHED.html(1KB)
--------unknown-number-of-items-FINISHED.html(840B)
--------perfectly-centered-START.html(527B)
--------unknown-content-size-FINISHED.html(762B)
--------stacked-layout-START.html(594B)
----assets()
--------images()
--------style.css(2KB)
----20 - CSS Grid Image Gallery()
--------images()
--------image-gallery-FINISHED.html(4KB)
--------image-gallery-START.html(1KB)
----22 - Recreating Codepen()
--------codepen-START.html(3KB)
--------codepen-FINISHED.html(3KB)
--------style-FINISHED.css(2KB)
--------style-START.css(364B)
----12 - auto-fit and auto-fill()
--------auto-fit-and-auto-fill-START.html(1KB)
--------auto-fit-and-auto-fill-FINISHED.html(697B)
----13 - Using minmax() for Responsive Grids()
--------minmax-FINISHED.html(750B)
--------minmax-START.html(666B)
----15 - Naming Lines in CSS Grid()
--------naming-lines-FINISHED.html(2KB)
--------naming-lines-START.html(2KB)
----06 - CSS grid-auto-flow Explained()
--------autoflow-START.html(918B)
--------autoflow-FINISHED.html(918B)
----04 - CSS Grid Dev Tools()
--------dev-tools-START.html(728B)
--------Line Meanings.png(452KB)
--------dev-tools-FINISHED.html(727B)
----23 - Bootstrappy Grid with CSS Variables()
--------grid-START.html(521B)
--------grid-FINISHED.html(922B)
----14 - Grid Template Areas()
--------areas-START.html(742B)
--------area-line-names-START.html(1KB)
--------area-line-names-FINISHED.html(2KB)
--------areas-FINISHED.html(1KB)
----09 - Sizing Grid Items()
--------sizing-items-FINISHED.html(2KB)
--------sizing-items-START.html(2KB)
----08 - CSS Grid repeat function()
--------repeat-START.html(896B)
--------repeat-FINISHED.html(923B)
----readme.md(4KB)
----10 - Placing Grid Items()
--------placing-FINISHED.html(2KB)
--------placing-START.html(2KB)
----17 - CSS Grid Alignment + Centering()
--------alignment-and-centering-START.html(2KB)
--------alignment-and-centering-FINISHED.html(1KB)
----05 - CSS Grid Implicit vs Explicit Tracks()
--------implicit-vs-explicit-FINISHED.html(788B)
--------implicit-vs-explicit-START.html(789B)
----11 - Spanning and Placing Cardio()
--------get-sweaty-FINISHED.html(2KB)
--------get-sweaty-START.html(2KB)
----07 - Sizing tracks in CSS Grid()
--------sizing-tracks-START.html(964B)
--------sizing-tracks-FINISHED.html(970B)