2020-11-25

学习内容：

学习时间：

1、周三下午2点30到6点

学习产出：

1、字体样式一：
颜色：color
大小：font-size（默认16px）【设置的并不是文字本身的大小，是设置框的高度，一般情况下文字比框小，字体不同，显示效果不同】
字体：font-family【如果浏览器不支持某字体，则使用默认字体】【可以使用多个字体，用逗号分开，优先使用前面的字体,字体名称之间 有空格的需要加引号】
样式：font-style: italic(斜体，一般使用这个) = oblique（倾斜）
粗细：font-weight：bold(加粗）
大写字母：font-varint:small-caps（都以大写字母显示，但是原来是小写字母的部分会小一些）

设置所有： font : 【之间用空格分开，大小和字体必须写，大小和字体在最后】

2、行高：line-hight  行间距=行高-字体大小
行高：行之间的距离，文字在行之间，居中显示。
行高：大小px，百分数，数值
对于单行文本，可以将行高设置为父元素的高度一致
font里面可以设置行高：{font:字体大小/行高，字体}，如果不指定行高则会使用默认值，会覆盖之前设置的行高

3、文本样式：
大写化：text-transform

capitalize：空格识别字母
文本修饰：text-decoration

none可以去除默认的线

letter-spacing:增加或减少字符间的空白

word-spacing:单词之间的距离：实际就是词之间空格的大小
text-align：文本的对齐方式

text-indent：首行缩进，正值向右，负值向左（可以隐藏文字)

使用px设置会随着字体大小的变化而变化，所以可以设置em（1em就是1个字体大小）

完成情况：完成
问题：无