制作一个个人作品集展示页
Willem Zhang Lv5

需求 1: 此 app 中应存在一个 id 为 welcome-section 的欢迎区。

需求 2: 欢迎区内应存在一个包含标题文本的 h1 元素。

需求 3: 此 app 中应存在一个 id 为 projects 的项目展示区。

需求 4: 项目展示区应至少包含一个 class 为 project-tile 的元素来展示项目。

需求 5: 项目展示区应至少包含一个链接到项目的超链接元素。

需求 6: 此 app 中应存在一个 id 为 navbar 的导航栏。

需求 7: 导航栏中应包含一个可以滚动到本页面不同区域的链接。

需求 9: 在此 app 中,应至少使用一次媒体查询。

需求 10: 欢迎区的高度应该与视口的高度保持一致。

需求 11: 导航栏应始终保持在视口顶部。

解决:

需求11:

CSDN

1
2
3
4
#navbar {
/* 固定作用 */
position:fixed;
}

链接:

codepen

markdown括号里面的链接不需要用引号包起来,也不能用引号包起来

  • Post title:制作一个个人作品集展示页
  • Post author:Willem Zhang
  • Create time:2021-03-29 03:43:53
  • Post link:https://ataraxia.top/2021/03/28/制作一个个人作品集展示页/
  • Copyright Notice:All articles in this blog are licensed under BY-NC-SA unless stating additionally.
 Comments