外边距

小贴士：body标签默认8px外边距

内边距

小贴士：父元素和子元素设置内边距，不会出现外边距重叠的问题

padding：内边距 单个用padding:
1个值，上下左右
2个值，上下，左右
3个值，上，左右，下
4个值，上，右，下，左
padding
上👆 ：padding-top
右👉：padding-right
下👇 ：padding-bottm
左👈：padding-left

box-sizing:(包含内边距和px(padding))
box-sizing:content-box(默认值 只有内容宽高，不包含内边距和px(padding))
box-sizing:border-box(即包含有内容也包含内边距)

边框

border(边框)
border-width(宽度)(没有height(高度))
border-color(颜色)
border-style(样式)
border:3个值（位置随意）
样式：solid(实线) ；dashed(虚线)想要其他样式自己找
例子: border:red 3px solid

转义符

空格： &nbsp ;

溢出文本空白处理

white-space(元素中的空白区域如何处理)
white-space:wrap (默认值)
white-space:nowrap (不换行)
white-space:pre (保留文本的空格和换行符，文本溢出不换行)
white-space:pre-wrap (保留文本空格和换行符，文本溢出换行)
white-space: line;(不保留文本的空格和换行符，文本溢出换行)

text-overflow(将未显示的溢出内容通知给用户)
text-overflow:clip(默认值，clip(直接溢出))
text-overflow:ellipsis;(隐藏，省略号)

溢出时出现省略号

连着用 white-space:nowrap;(不换行)
overflow:hidden;(溢出隐藏)
text-overflow:ellipsis;(隐藏，省略号)

背景图片

background-repeat:no-repeat；(不平铺)
background-repeat:""；(平铺)
background-repeat:reprat-x;(垂直x轴)
background-repeat:reprat-y;(水平y轴)

background-size:20px；(图片大小)
background-size:20%；(图片大小)
background-size:cover;(取宽高里的最最大宽度或高度)
background-size:contain;(取宽高里的最最小宽度或高度)

background-position：(位置)；
conter(居中)；bottom(下);left(右👉);right(左👈);top(上)