html+css复刻NIKE官网静态页面(一) | 您所在的位置:网站首页 › nike官网促销代码如何获得 › html+css复刻NIKE官网静态页面(一) |
nike的官网比较简洁,是我喜欢的风格,那么,复刻nike官网要怎么入手呢? html部分对一个网页进行复刻,我们应该先从结构下手。 把页面的结构分析好以后就可以给每个模块定义布局和样式啦。 在官网页面可以右键点击页面选择检查,查看页面的结构,各模块的大小样式等等。 我们可以以此作为参考。但不要过于依赖页面给我们的数据,照搬代码达不到我们学习的作用。 vscode分屏 在css编码的部分我常常需要参照html的结构来进行样式的编辑,那么我会给vscode进行分屏,一边是html文件,一边是css文件,这样就可以参照着html文件编辑css文件啦。结构非常清晰,比较方便,不容易出错。 在给模块布局时,给模块定义border 即使有些模块没有border,但在设计布局的时候我会给他定义一个边框,什么颜色的都好,只时为了让它给我们在页面中有个参考,方面我们进行布局,在布局好样式以后我们再把边框注释或者删掉。 |
CopyRight 2018-2019 实验室设备网 版权所有 |