字体属性
font-weight（字体粗细）
作用：设置文字是否加粗显示
属性名：font-weight，属于font属性的一个单一属性
属性值有两种方式：单词类型、数字类型。
单词类型
注：bolder显示的效果在浏览器不是很明显，b标签、strong标签自带粗体bold属性值。
数字类型
100-900之间的整百数字
数字越大，文字显示越粗
其中400等价于narmal，700等价于bold
font-style（字体风格）
作用：设置文字是否斜体显示
属性名：font-style，属于font属性的一个单一属性
属性值：单词
注：i标签、em标签自带斜体itolic属性值。
line-height（行高）
作用：设置的是一行文字实际占有的高度，文字字号在行高中是垂直居中的
属性名：line-height，属于font属性的一个单一属性
font（字体综合）
字体、字号、行高、粗细、斜体都是font综合属性的单一属性。
font属性五个单一属性的值可以进行合写，属性值可以有2到多个，值之间用空格进行分隔。
写法1
font进行综合书写时，必须有字号和字体参与，而且字号必须在前面，字体在后面，不能颠倒顺序，否则字体样式失效。
代码：font：14px “宋体”；
写法2
font属性经常对字体、字号、行高进行合写，书写顺序必须是字号、行高、字体，字号和行高之间必须用/进行分隔
代码：font：14px/28px “宋体”；
写法3
如果font属性需要设置加粗和斜体，俩个属性值只能写在最前面，俩个值之间可以互换位置。后面的字号、行高、字体不能更改位置
代码：font：italic bold 14px/28px “宋体”；
文本属性
text-align（水平对齐）
作用：设置文本水平方向的对齐
在盒子中，不论文本是单行还是多行，都会对应方向对齐。
属性值：单词
text-decoration（文本修饰）
作用：设置文本整体是否有线条的修饰效果
属性值：单词
text-indent（文本缩进）
作用：设置段落首行是否进行缩进
注：实际工作中，最常用em为单位的属性值，属性值区分正负，正数代表向右缩进，负数代表向左缩进
盒模型
盒模型的属性中，不同的属性效果可以划分区域：
书写元素内容区域：width+height
盒子可以实体化的区域：width+heigh+padding+border
盒子实际占位的位置：width+heigh+padding+border+margin 盒模型图：
宽度（width）
作用：设置可以添加元素内容的区域的宽度
高度（height）
作用：设置可以添加元素内容区域的高度
padding（内边距）
作用：设置的是元素的边框内部到宽高区域之间的距离
特点：可以去加载背景，不能书写嵌套的内容
属性值：常用px为单位的数值
padding是一个复合属性，可以根据内边距的方向不同划分为四个方向的单一属性
二值法：
p{
padding：10px（上下） 20px（左右）；
}
三值法：
p{
padding：10px（上） 20px（左右） 30px（下）
}
四值法：
p{
padding：10px（上） 20px（右） 30px（下）40px（左）
}
注：自上到左逆时针
border（边框）
作用：设置的是内边距外面的外界区域，作为盒子的实体化的最外层
属性值：由三个值组成，分为线的宽度、线的形状、线的颜色。
border属性是一个复合属性，根据划分依据不同可以有俩种单一属性的划分方式。
border-width（线宽）
作用：设置边框线的宽度
属性值：常用px形式的数值，四个方向都有边框，属性值类似于padding，也有四种值的写法
border-style（线型）
作用：设置边框的线条形状
属性值：形状的单词，总体也类似padding的综合属性写法
border-color（边框颜色）
作用：设置边框的颜色
属性值：颜色名或颜色值
单一方向写法：border-方向-类型
注：细分时必须先写方向划分再写类型划分，否则属性名错误
例：p{
border-right-color：#ofo；
}
margin（外边距）
作用：设置的是盒子与盒子之间的距离
特点：不能渲染背景
属性值：常用px为属性值单位
margin 的写法跟padding是一摸一样的
