本帖最后由 281737932 于 2018-9-12 17:28 编辑
关于基础班学习遇到问题的一些汇总及自己的见解,可能不完全正确,望大家一起纠正。
1.设置padding时,不对盒子设置宽高,盒子就不会变大。(所以对导航栏里面的a设置padding撑开)
2.不设宽高时,块级盒子默认父亲的宽度,高度则由内容决定。
3.img插入图片和背景图片的区别:在购物车案列中,假如以插入图片形式解决问题,对图片设置宽高,只会对图片进行压缩,而用背景图片引入,高设为背景图片的一半,则只显示背景图片的上半部分。
4.对超大背景图片定位一般设置为水平居中,垂直向上。
5.导航栏中a的一般用法,div>ul>li>a;写导航栏尽量不要给a宽度,用padding将a撑开。
6.固定定位的上导航栏会压住下面盒子的部分内容,给下面盒子一个margin-top;
7.相邻边框合并中,border-collapse:collapse与margin-left:-1px;区别:在表格中用前一个使相邻边框合并,在多个浮动的相邻盒子中(如淘宝商品图)用margin-left:-1px;使相邻边框合并。
8.实现
功能,给父元素一个宽高,对里面的子元素盒子width:87%。即可。 9.滑动门原理a>span:
1)a和span都转化为行内块。
2)对a实现左侧padding-left;对span实现padding-right;
3)span中背景定位为right top;
10.轮播图ui>li>a>img
|
|