盒模型&CSS的核心属性

padding（内边距）：

padding的使用方法：在容器内部(盒子与元素之间的距离)需要设置边距时，需要使用passding

用法：

1. 用来调整内容在容器中的位置关系；
2. padding值是在元素原有大小上增加，若想保持元素大小不变，需从元素宽高上减掉相应的padding值；若该元素没有宽高大小，则不用减

属性值的4种方式：

1. 一个值：上下左右；
2. 两个值：上下     左右；
3. 三个值：上    左右    下；
4. 四个值： 上    下   左    右；

padding不可负值

margin（外边距）：

属性值的4种方式与padding相同；

margin可负值；

margin常见问题：

1.  给子元素添加margin-top后，父元素会跟着下来：

解决方法：

1. 给最近的父元素添加border-top
2. 给父元素添加overflow：hidden；（溢出隐藏）

2.盒子左右排列时，margin值相加；盒子上下排列时，margin值取最大值

 

文字相关属性：

1. color：英文单词、十六进制、rgb(0-255)
2. font-size：默认大小16px
3. text-decoration(下划线)：underline-下划线，line-through-删除线，overline-上划线
4. font-style(倾斜)：normal-不倾斜，italic-正常，oblique-倾斜
5. font-family(字体)：需用双引号引起来，多个字体用逗号隔开；若不设置字体则显示默认字体
6. font-weight(加粗)：该属性值不需加单位，bold/bolder-加粗；100-900，100-500不加粗，600-900加粗
7. text-align(水平对齐)：left、center、right、justify【需设置宽度范围】
8. line-height(行高)：一个标签里有多行文字需要隔开，则用行高；若只有一行文字用margin或padding或行高都行
9. text-indent:2em  ：首行缩进，可负值
10. vertical-align(垂直对齐)：top、middle、bottom，不可单独使用

几乎用不到的属性：letter-spacing 字间距、word-spacing 词间距、text-transform 控制文本大小写