文件名称:nexter:Nexter,高级CSS和Sass课程的第三个项目,重点是网格布局方法
文件大小:2.72MB
文件格式:ZIP
更新时间:2024-06-18 02:13:45
scss bem-methodology svg-sprite css-grid-layout HTML
Nexter:一个网格项目 这是的第三个项目 该项目的主要目标是使用CSS 网格布局方法构建响应式登录页面。 除了网格,本课程还涵盖了 SVG 图标的使用、BEM 方法、响应式设计以及一些方便的 CSS 技巧和有用的在线工具。 在实时查看项目。 指示 克隆或下载项目,然后运行: npm install npm start 注意:项目默认设置为在firefox浏览器的localhost:8080地址上打开。 您可以在devserver属性下的package.json更改任何这些设置。 如果您在启动项目时遇到任何问题,请删除所有标志。 目录 网格布局 CSS Grid Layout 是目前可用的最强大的布局系统。 它是二维的,允许我们同时处理行和列——这是我们在 Flexbox 中没有的选项。 通过这种方式,CSS Grid 类似于表格,但它提供了更多的布局可能性并且更易于使用。 它
【文件预览】:
nexter-master
----css()
--------style.comp.css(13KB)
--------style.prefix.css(40KB)
--------style.css(11KB)
----img()
--------gal-8.jpeg(56KB)
--------story-1.jpeg(20KB)
--------gal-6.jpeg(26KB)
--------favicon.png(3KB)
--------hero.jpeg(94KB)
--------gal-10.jpeg(52KB)
--------gal-2.jpeg(34KB)
--------house-4.jpeg(24KB)
--------logo-techcrunch.png(1KB)
--------gal-12.jpeg(21KB)
--------house-3.jpeg(27KB)
--------story-2.jpeg(24KB)
--------gal-9.jpeg(27KB)
--------house-2.jpeg(23KB)
--------gal-1.jpeg(52KB)
--------gal-11.jpeg(28KB)
--------gal-3.jpeg(27KB)
--------house-5.jpeg(34KB)
--------logo-bbc.png(724B)
--------sprite.svg(11KB)
--------house-6.jpeg(22KB)
--------logo-forbes.png(1KB)
--------logo.png(1KB)
--------realtor-2.jpeg(1KB)
--------gal-5.jpeg(30KB)
--------realtor-3.jpeg(1KB)
--------readme()
--------back.jpg(84KB)
--------realtor-1.jpeg(1KB)
--------gal-7.jpeg(52KB)
--------logo-bi.png(1KB)
--------gal-14.jpeg(45KB)
--------gal-13.jpeg(37KB)
--------house-1.jpeg(23KB)
--------gal-4.jpeg(26KB)
----package.json(894B)
----index.html(18KB)
----js()
--------script.js(341B)
----package-lock.json(161KB)
----.gitignore(13B)
----sass()
--------_typography.scss(921B)
--------_header.scss(1KB)
--------_realtors.scss(864B)
--------_homes.scss(1KB)
--------_footer.scss(916B)
--------_base.scss(2KB)
--------_story.scss(2KB)
--------_sidebar.scss(3KB)
--------_gallery.scss(1KB)
--------_features.scss(1009B)
--------_utilities.scss(128B)
--------main.scss(207B)
----README.md(8KB)