文本（字体样式、文字大小、行间距、文本修饰、字母间距和单词间距、盒子模型、内容区、内边距和外边距）

一.字体的样式

  在网页中将字体分成五大类

    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：隐藏元素（元素将在页面中完全消失）