文本
- text-align文本对齐
- left——水平左对齐
- right——水平右对齐
- center——水平居中对齐
- text-indent首行缩进
设置的是文本的首行缩进
单位:em px 百分比
- text-decoration:文本修饰
- 正常,没有修饰:none;
- 下划线:underline;
- 中划线,删除线:line-through;
- 上划线:overline;
盒模型
盒模型,也叫作框模型。
- 盒模型
- margin:外边距
- border:边框
- padding:内边距
- 宽度×高度
这个宽高规定的是我们能够书写内容的区域,实际内容区域。
图为示例 - 例子
- 初始状态
- 加了内边框和边距
- 改了宽和高
内边距padding
位置在宽和高和边框之间,上下左右都可以设置内边距
padding-left 左边内边距
padding-right 右边内边距
padding-top 上边内边距
padding-bottom 底部内边距
单一属性写法
复合属性写法
四值法:
代表的次序分别是:上,右,下,左
三值法:
代表的次序分别是:上 左右 下
二值法:
代表的次序分别是:上下,左右
单值法:
边框border
1.按照样式类型来划分
**线的宽度 border-width
单值法:
双值法
三值法:
四值法:
单独设置可写为 border-left-width:5px;
**边框颜色 border-color
当然这个也可以写四值法,三值法,二值法,单值法
**线的样式 border-style
属性值分类:
solid 实线
dashed 虚线
点的虚线
double 双线条
groove 边框凹陷效果
ridge 边框凹出效果
inset 内容区域凹陷效果
outset 内容区域突出效果