前端-小米商城静态版复刻总结

整个项目采用css与html进行实现有一些基础的交互功能。在做项目过程中我觉得难点有以下几个地方1.在html 中 position一般是默认网页就会按顺序把盒子从上到下排列盒子属于块级元素。块级元素独占一行可以设置宽高内外边距常见的有div p h1-h6 ul ol li 这些。行内元素就是不独占一行设置宽无效span a 这些。还有行内块元素img input这些可以并排还可以设置宽高。如果在盒子里面使用了float 或者 position为relative他就会脱离原来的位置飘起来原本下面的盒子就会补上这个位置但是至于会不会被遮住就是看他的层级意思就是用了这两个命令以后就会飘起来不占位置。一般可以搞一些hover点击就会出现这样。2.还有就是空格与这俩符号空格就是全部儿子孙子孙孙子啊这些。j就只是亲儿子。3.还有就是得多利用div盒子去布局去更好地给每部分调整位置。a.一般文字居中加text-alignb.盒子用margin