- 博客(4)
- 收藏
- 关注
RSS订阅原创 Html——小米商城网页实战（二）
接上篇博文内容，完成小米商城首页的简单h5实战。首先总结一下整个首页中htm+css可能涉及的知识点：首先使用最多的就是定位（position），我们要懂得相对定位和绝对定位的区别（近期会针对该元素总结一篇博文），其次另一个需要注意的就是元素的隐藏与悬停显示，需要通过visibility来设置。除此之外，可能还会涉及元素的选择器:nth-child()属性。做出的效果图如下（可能宽高上与原网页有细微差别）：本文先展示相关的css设置，最后展示html代码。一、导航栏（nav-bar）nav-bar.
2021-10-22 19:14:14
3550
6
原创 Html——小米商城网页实战（一）
适合新手的小米商城的纯html网页项目小米官网：https://www.mi.com/?masid=2701.0103官网效果图如下：本文针对于上手前端的新手小白，仅供参考。在看到小米官网之后，如何模拟出官网的效果是我们第一步要思考的问题，那么学过了网页布局之后，我们将整个网页分为以下的几个部分：最上面的标题栏、导航栏、内容区、四个分栏的展示区以及最下面的新品展示区。本文完成第一部分内容——标题栏。可以很清晰的看出，最上面的标题栏分为左右两部分。剖析：标题栏中存在的难点是下载app和购物车两个标
2021-10-21 18:51:06
10162
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人