8月10号

ol.ul用list-style-type设置list-style-image可以引入图片。

float只能向左或向右浮动,一定要提前设置好宽高,否则浮动的元素就会被顶下来。

clear:left表示清楚左浮动,right清楚右浮动。both表示全部清除。

盒子模型border表示元素边框。padding表示内边距,margin表示外边距。内边距表示里面的内容对于边框的距离。同时也可以设置上右下左四个值。

margin外边距10px,20px,30px,40px.表示上右下左顺时针方向。只写两个值表示上对下,右对左。

其中margin和border都占面积,比如原先元素是100乘以100,margin是10,那么总的面积就会变成120乘以120,border也是同样的道理。

如何让元素居中,可以margin,上下边距,为0px,左右边距设为自动居中。margin;0px auto;

不只是div可以浮动,任何元素都可以浮动。

margin边距会发生重叠,这叫做margin 重叠现象。他会取两者之间的最大值。当margin不浮动时会发生重叠现象。同理,元素浮动不会出现浮动现象。

ul空格li表示选取ul元素中的所有li元素。

布局的思路不能先做小div,必须先做一个大的div,把所有元素给包裹起来。总之,必须从大到小。一定要写注释。写网页时首先要初始化,如*{margin与padding必须设为0}

随着鼠标一起缩放的元素一定要设置像素,不动的必须设为100%。最大的div的宽度必须设为100%。

布局的时候一定是从大往小布,而不是从上往下布。量宽高的时候要将空白也量上,后面在加margin,否则很容易算不明白。

原文地址:https://www.cnblogs.com/maxuefeng/p/13508871.html