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装,序列啥的内容就用有序无序来放。