前端记录
好久没敲页面了，之前一直在恶补js……
今天完成了一个商城首页，时间有点长，但是还是不错啦。
过程中其实有遇到一些问题，get到不少知识点。
说说布局注意的地方，大体 header、content、footer跑不了。
1、logo、图片用img，img设置好宽高养成好习惯
2、类似新闻盒子，产品展示用ul、ol装好；导航用ul>li>a搭配肯定绝配~
3.css里a标签加背景无法显示
display:block;
4.样式无法实现
没有调用css文件
5.(设置line-height后）无法顶端对齐
(1).将另一对象的位置改变。与文字对齐
(2).取消line-height 使用vertical：top和行内块元素搭配，inline-block；
再来说说今天入陷了好久的问题
起初用浮动流，好好的。想着没那么高级就想着用定位流，gg。
好吧，下面的盒子直接飞上去了~看看原来是没设置高度，我不知道高度啊咋搞
清楚浮动走一个~ 一个方法又一个方法的试，没效果。。。
我都没浮动，让人咋清除！！！我对自己也是想笑了~
这就说到一个点上了，能用标准流就用标准流，不能考虑浮动流，在不能咱们就定位流。
所以呢，优先级应该是 标准流》浮动流》定位流，还是乖乖的用好浮动吧。
清除浮动的几种方法：
1.子集浮动，父级清除浮动（直接加上overflow:hiddle就好啦）
2.利用伪元素，父级加上.clearfix就好
.clearfix:after {
content: ‘.’;
height: 0;
display: block;
clear: both;
}
最好用莫非这两个了，强烈推荐用着第二个。
另外添加li的右边框搞得我头都大，很简单，是我大意了。字体高度比盒子高度小，border-right直接就飘上去了。那怎么解决好呢？嘿嘿，line-height走一个，设置和高度一样就好了~
收获满满的一天，页面还是挺简单的，其实就是细节的地方需要注意。
总结：
1.写法：标准流》浮动流》定位流
2.清除浮动：子集浮动，父级清浮动（没设置高度，盒子飘上去的情况下使用）
3、logo、图片用img装，序列啥的内容就用有序无序来放。
望各位大神指正
今天就暂时写这么多啦，继续加油~
2019.1.8 day1