进入前端学习已经一个星期了，今天重点学习了CSS里的关于字体的一些设置与一个重要部分
我们可以通过font-family可以指定标签中文字使用的字体，
例如：p{font-family：Arial}
上边这行代码指定了p标签中使用名为arial作为字体
也可以用font-family指定多个字体，例如p{font-family：Arial，Helvetica,sans-serif},浏览器会优先使用第一个设置的字体，如果没有找到，则使用第二个，以此类推，这里的sans-serif不是指某一个字体，而是一类字体
字体又分为很多类
serif(衬线字体)
sans-serif(非衬线字体)
monospace(等宽字体)
cursive(草书字体)
fantasy(虚幻字体）这些都是字体的一些大的分类
斜体和粗体
font-style用指定问文本的斜体
指定斜体：font-style：italic
指定非斜体：font-style：normal
font-weight用来指定文本的粗体
指定粗体：font-weight：bold
指定非粗体：font-weight：normal
小型大写字母
font-variant可以将字母类型设置为小型大写，看起来字母像是小了尺寸的大写字母
font-variant：small-caps
font可以设置多个字体的 样式 font：加粗，斜体，小型大写，大小/行高，字体
这里前边几个加粗，斜体和小型大写元素的顺序无所谓，也可以不写，但是大小和字体必须写且必须写到后两个
用line-height来设置行间高，行高越大则行间距越大
行间距=line-height - font-size
用text-transform样式将元素中的字母全部变成大写
大写：text-transform：uppercase
小写：text-transform：lowercase
首字母大写：text-transform：capitalize
正常:text:transform:none
text-decoration给文本添加各种修饰，可以为文本的上方，下方，中间添加线条
可选值：underline，overline，line-through，none
text-align
盒子模型用于设置文本的对齐方式
left左对齐
right右对齐
justify两边对齐
center居中对齐
还有一个就是用text-indent用来设置首行缩进，需要指定一个长度，且只对第一行生效
在CSS处理网页时，它认为每个元素都包含在一个盒子里，且这个盒子是不可见的，如果我们把所有的元素都都想像成盒子的话，我们对于网页的布局就相当于在摆放盒子，只需将相应的盒子摆放到网页中相应的位置即可完成网页的布局
盒子模型分为四个部分
内容区（content）
内边距（padding）
边框（border）
外边距（margin）
内容去顾名思义就是用来放置内容的区域，元素中的文本内容，子元素都是放在内容中的，用width和height两个属性来设置内容区的大小，注意：这两个属性只属于块元素，如果没有为它设置内边距和边框，则内容区的大小和盒子大小默认是一致的
内边距就是元素内容区与边框以内的空间用padding属性来设置元素的内边距
例如：padding：10px，20px，30px，40px这样会设置元素的上右下左四个方向的内边距，按顺时针来设置的，如果三个的话，按照上左右下来设置的，如果两个的话按照上下左右来设置的，一个的话指定全部
边框
所谓边框就是指元素可见框的最外部，用border来设置元素的边框
边框有很多种样式：none（没有边框），dotted（点线），dashed（虚线）
solid（实线），double（双线），groove（槽线），ridge（脊线），inset（凹边），outset（凸边）
再一个就是外边距
外边距是元素边框与周围元素相距的空间，使用margin属性可以设置外边距
当将左右外边距设置为auto时，浏览器会将左右外边距设置为相等，所以这行代码margin：0 auto可以使元素居中