一.字体的样式
在网页中将字体分成五大类
senif(衬线字体)
sans-serif(非衬线字体)
monospace(等宽字体)
cursive(草书字体)
fantasy(虚幻字体)
二.斜体和粗体
font-style用来指定文本的斜体（italic）{font-family：华文彩云，arial，微软雅黑；带空格字体需要用引号引起；宋体和雅黑为常用}
一般来说只有用户计算机中安装了我们指 定的字体时，它才会显示，否则这行代码 是没有意义的
字体分类：在网页中将字体分为五大类 【如指定，浏览器会自己选择指定类型的字体】
–指定斜体：font-style:italic
–指定非斜体：font-style:normal
font-weight用来指定文本的粗体（bold）
–指定粗体：font-weight:bold （100~900；400=normal；900=bold）
–指定非粗体：font-weight:normal
font-variant属性可以将字母类型设置为小 型大写（small-caps）
– font-variant:small-caps
*三.行间距
line-height用于设置行高
行间距 = line-height – font-size
四.文本
text-transform样式用于将元素中的字母全都变成大写。
–大写：text-transform:uppercase
–小写：text-tansform:lowercase
–首字母大写：text-transform:capitalize
–正常：text-transform:none
文本修饰
text-decoration属性（用来给文本添加各 种修饰。通过它可以为文本的上方、下方 或者中间添加线条）
–underline（下划线）
–overline（上划线）
–line-through（删除线）
–none（去除线）
字母间距和单词间距
letter-spacing用来设置字符之间的间距
word-spacing用来设置单词之间的间距
对齐文本
text-align用于设置文本的对齐方式
–left：左对齐
–right：右对齐
–justify：两边对齐
–center：居中对齐
首行缩进
text-indent用来设置首行缩进（该样式需要指定一个长度，并且只对第一 行生效）
盒子模型
盒子：CSS处理网页时，它认为每个元素都包含在一 个不可见的盒子里
一个盒子我们会分成几个部分：
内容区(content)
内边距(padding)
边框(border)
外边距(margin)
边框的样式
边框可以设置多种样式：
–none（没有边框）
–dotted（点线）
–dashed（虚线）
–solid（实线）
–double（双线）
–groove（槽线）
–ridge（脊线）
–inset（凹边）
–outset（凸边）
内容区：
width：设置内容区的宽
height：设置内容区的高
边框：是元素可见框的最外部
border-width：设置边框的宽
border-height：设置边框的高
border-color：设置边框颜色
border-style：设置边框样式
background-color：背景颜色（其他几个区通用）
border：颜色 样式 宽；{border：red solid 10px；}
内边距：元素内容区与边框以内的空间
padding：设置元素内边距
padding：上 右 下 左 {padding：10px 20px 30px 40px} （其他也遵循此顺序）
padding：上 左右 下
padding：上下 左右
padding：上下 左右
padding-top：顶部
padding-left：左边
padding-right：右边
padding-bottom：底部
外边距：元素边框与周围元素相距的空间（本盒子与其他盒子等的距离）
margin：设置元素外边距
垂直方向上两盒子外边距可以重合（重合需满足两条件：1：垂直方向上2：相邻）
如果子元素与父元素外边距相邻，则可能一变全变（可设置边框、内容、内外边距隔开；也可用overflow：hidden）
用法：和padding类似
margin-top/right/bottom/left （同遵循此顺序）
auto（自动）：当将左右外边距设置为auto时，浏览器会将左右外 边距设置为相等，
所以这行代码margin:0 auto可 以使元素居中 （适用于水平方向上）
margin-left：auto 左边最大
margin-right：auto 右边最大
清除浏览器默认样式：*{margin：0；
padding：0；
}
overflow 来控制内容溢出的情况
可选值：
visible：默认值
scroll：添加滚动条
auto：根据需要添加滚动条
hidden：隐藏超出盒子的内容
visibility 属性主要用于元素是否可见
visible：可见的
hidden：隐藏的
display 可以通过修改display来修改元素的性 质
可选值：
block：设置元素为块元素
inline：设置元素为行内元素
inline-block：设置元素为行内块元素
none：隐藏元素（元素将在页面中完全消失）
