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

整个项目采用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-align

b.盒子用margin