身为学渣的我 虽然在黑马的一个月里，从眼睛睁不开到眼睛逐渐睁开，冒着发际线后移的情况，也要努力拼死敲代码。这是来自一个学渣的决心。
盒子的实际占位大小（理解记忆）
盒子的实际占位大小=内容宽高+padding+border
Padding相关设置不同方向（强制记忆）：
padding:30px; 四个方向的内边距都是一个值；
padding-left:40px; 设置左边的内边距；
padding-right:40px; 设置右边的内边距
padding-top:40px; 设置距离顶部的内边距
Padding-bottom:40px; 设置距离底部的内边距
如何让盒子水平居中（强制理解）条件：
01盒子必须要有宽度，显示模式尽量是块元素；
02设置左右外边距为auto
书写方式
方法1：margin-left:auto; margin-right:auto;
方法2：margin:auto;
方法3：margin:0 auto; 前面的0不一定是固定的，它表示margin-top和margin-bottom，可以根据需求进行调节；
text-align文本居中显示和margin：auto；的区别
01、text-align是让盒子里面的文本和行内元素或者行内块元素居中显示；
02、margin左右设置为 auto让块元素盒子居中显示；
插入图片和背景图片区别（了解）
01、插入图片一般都是以内容出现是经常更改，背景图片是用来进行装饰的一般不经常更改，所以我们产品图和内容图片用插入图片，一些小的修饰要陪你过背景图；
02、插入图片移动位置要使用盒子模型的外边距margin和内边距padding设置；/03、背03、景图片移动位置用背景图片额度定位background-position进行设置；
清除元素默认的内外边距
1、*{marin:0；padding:0;list-style:none;} 清除所有元素的默认边距和默认样式；
2、行内元素尽量不要设置垂直方（上下）向内外边距，因为行内元素设置了margin-top、margin-bottom和padding-top、paddinig-bottom是不显示效果； |
|
收藏
淘帖
踩
