Html&css
文章平均质量分 68
Cheris_ix
这个作者很懒,什么都没留下…
展开
-
京东仿页面
vue项目——仿京东页面原创 2022-06-07 20:46:26 · 173 阅读 · 1 评论 -
CSS中相对定位与绝对定位辨析
一、Position的作用原创 2021-10-24 20:03:24 · 185 阅读 · 0 评论 -
Html——小米商城网页实战(二)
接上篇博文内容,完成小米商城首页的简单h5实战。首先总结一下整个首页中htm+css可能涉及的知识点:首先使用最多的就是定位(position),我们要懂得相对定位和绝对定位的区别(近期会针对该元素总结一篇博文),其次另一个需要注意的就是元素的隐藏与悬停显示,需要通过visibility来设置。除此之外,可能还会涉及元素的选择器:nth-child()属性。做出的效果图如下(可能宽高上与原网页有细微差别):本文先展示相关的css设置,最后展示html代码。一、导航栏(nav-bar)nav-bar.原创 2021-10-22 19:14:14 · 3403 阅读 · 6 评论 -
Html——小米商城网页实战(一)
适合新手的小米商城的纯html网页项目小米官网:https://www.mi.com/?masid=2701.0103官网效果图如下:本文针对于上手前端的新手小白,仅供参考。在看到小米官网之后,如何模拟出官网的效果是我们第一步要思考的问题,那么学过了网页布局之后,我们将整个网页分为以下的几个部分:最上面的标题栏、导航栏、内容区、四个分栏的展示区以及最下面的新品展示区。本文完成第一部分内容——标题栏。可以很清晰的看出,最上面的标题栏分为左右两部分。剖析:标题栏中存在的难点是下载app和购物车两个标原创 2021-10-21 18:51:06 · 9799 阅读 · 4 评论