行内盒模型

1. 行内盒模型内容区
   ①border: 生效
   ②padding: 左右生效,上下不生效
   ②margin: 左右生效,上下不生效,auto无效
2. 文字值常用
   ①px
   ②em
3. 文本基线
   ①baseline 基线(位于小写字母的x的底线决定)
   ②middle line中线
   ③top line顶线
   ④bottom line底线
4. font-family 字体样式
   ①有衬线 Serif
   ②无衬线 Sans Serif
5. 自定义字体
   @font-face {
   font-family: “字体名称”;
   src: url(引入字体路径);
   }
6. 行间距
   ①行高 line-height (垂直居中)
   ②行间距 上下文字之间的距离
   ③文本对齐 text-align :left 左对齐
   right 右对齐
   center 居中
   justify 两端对齐
   ④文本缩进 text-indent : px
   em(缩进几个字符)
   ⑤文本装饰 text-decotation: overline 上划线
   underline 下划线
   line-through 贯穿线
7. 文本与图片对齐
   vertical-align: ①图片默认值 baseline
   ②顶部对齐 top
   ③中线对齐 middle
   ④底线对齐 bottom