文本的样式：

单位：长度单位：像素px，百分比%，em
百分比的好处：当父元素属性发式变化时，子元素按照比例发生改变

重点：em是相当于自身的字号来计算：1em=1font-size

颜色的单位:

颜色的浓度是0到255的值(数越小颜色越深)
十六进制颜色：使用三组两位描述颜色，两个一样的可以简写，要么三位，要么六位

字体的样式：

默认字号是16px；font-size并不是文字本身的大小
font-size设置字体(一般来说安装了字体，才会显示，否则这行代码没有意义)
多个字体之间用逗号隔开。

字体分类

serif(衬线字体 包含宋体)
sons-serif(非衬线字体 包含雅黑)
monospace(等宽字体)
cursive(草书字体)
fantasy(虚幻字体)
arial
font-style 文本的字体样式
font-style:italic指定斜体
font-style:normal指定非斜体
font-weight:bold 指定粗体 可继承
font-weight:normal 指定非粗体
font-variant 小型大写字母 比如：fonr-variant:small-cops
字体属性的简写：font可以一次性设置多个字体的样式
里边大小/行高和字体必须写且必须写到后俩个

行间距

设置行高，行高越大则行间距越大。line-height(只有单行文本才可以)
行间距=line-height - font-size

大写化 (主要指英文)

text-transform:uppercase 大写
text-transform:lowercase 小写
text-transform:capitalize 首字母大写
text-transform:none 正常

文件的修饰

text-decoration 用来给文本添加各种修饰
underline 定义文本下的一条线
overline 定义文本上的一条线
line-through 定义穿过文本下的一条线
blink 定义闪烁的文本
none 定义标准的文本

超链接默认有下划线，设置a{text-decoration:none;}去除超链接下划线

字母间距和单词间距

letter-spacing 设置字符之间的间距
word-spacing 设置单词之间的间距

对齐文本

text-align 设置文本的对齐方式
left 左对齐
right 右对齐
justisy两边对齐
center 居中对齐

首行缩进

text-indent 设置首行缩进

盒子模型

框模型，在网页中一切皆是盒子
只需要将相应的盒子摆放到网页中相应的位置即可完成网页的布局
一个盒子分成四个部分：内容区(content)、内边距(padding)、边框(border)、外边距(margin)
重点：边框必须要设置三个样式:border-width宽度、boder-color颜色、border-style样式
盒子的大小由：内容区、内边距、边框决定的

13488288-4318685fdbb5fd01.png

内边距
顾名思义，内边距指的就是元素内容区与边框以内 的空间。
默认情况下width和height不包含padding的大小。
使用padding属性来设置元素的内边距
*为元素设置边框 要为一个元素设置边框必须指定三个样式 border-width:边框的宽度 border-color:边框颜色 border-style:边框的样式
例如：
padding:10px 20px 30px 40px
这样会设置元素的上、右、下、左四个方向的内边距

内边距
padding:10px 20px 30px;
分别指定上、左右、下四个方向的内边距
padding:10px 20px;
分别指定上下、左右四个方向的内边距
padding:10px;
同时指定上左右下四个方向的内边距
同时在css中还提供了padding-top、padding-right、padding-
right、padding-bottom分别用来指定四个方向的内边距

内边距特点：会影响盒子可见框大小并且元素背景颜色会延伸到内边距

边框的样式

none(没有边框)、dotted(点线)、dashed(虚线)、solid(实线)、double(双线)、groove(槽线)、ridge(脊线)、inset(凹边)、outset(凸边)

边框
可以在元素周围创建边框，边框是元素可见框的最外部
可以使用border属性来设置盒子的边框：
border:1px red solid;
上边的样式分别指定了边框的宽度、颜色和样式
也可以使用border-top/left/right/bottom分别指定上右下左 四个方向的边框
和padding一样，默认width和height并包括边框的宽度

外边距

不会影响可见框大小，但是会影响盒子的位置
margin:0 auto 可以使元素居中
负值和auto只使用于外边距

外边距
外边距是元素边框与周围元素相距的空间
使用margin属性可以设置外边距
用法和padding类似，同样也提供了四个方向的 margin-top/right/bottom/left
当将左右外边距设置为auto时，浏览器会将左右外 边距设置为相等，所以这行代码margin:0 auto可 以使元素居中
/设置上外边距，即盒子的上边框与其他盒子的距离/
margin-top: 100px;
/左外边距/
margin-left: 100px;
/设置右和下外边距/
margin-right: 100px;
margin-bottom: 100px;*/