日常总结第二天(6.14)

1.line-height：行间距

行高是指文本行基线间的垂直距离 : 基线与基线之间的距离。

normal ：默认值，行高由浏览器自动处理。

行高与父盒子的宽度一样时，文本垂直居中。

div{
width: 200px;
height: 200px;
line-height: 200px;
}

<div></div>

2.text-align：水平对齐方式

left ： 内容左对齐。

center ： 内容居中对齐。（重点）

right ： 内容右对齐。

给父盒子添加样式,文本会自动按要求对齐。

div{
text-align: center;
}

<div></div>

3.text-indent:首行缩进

text-indent 属性用于设置首行文本的缩进，其属性值可为不同单位的数值、 em 字符宽度的倍数、或相对 于浏览器窗口宽度的百分比% ，允许使用负值 , 建议使用 em 作为设置单位。

4.text-decoration：文本修饰

属性名         text-decoration

属性值        none | underline | overline | line-through

默认值        none

描述            对文本进行修饰

none ： 指定文字无装饰

underline ： 指定文字的装饰是下划线

overline ： 指定文字的装饰是上划线

line-through ： 指定文字的装饰是贯穿线

5.letter-spacing：字符间距

normal ： 默认间隔

长度值： 用长度值指定间隔。可以为负值

div {
letter-spacing: 3px;  /*  每个字间隔3像素  */
}

<div></div>

6.word-spacing（单词）

normal ： 默认间隔

length ： 用长度值指定间隔。可以为负值。

div {
word-spacing: 3px;  /* 每个单词间隔3像素 */
}

<div></div>

7.文字阴影(CSS3)

text-shadow : 水平位置 垂直位置 模糊距离 阴影颜色 ;

值                 描述

h-shadow    必需。水平阴影的位置。允许负值。

v-shadow     必需。垂直阴影的位置。允许负值。

blur               可选。模糊的距离。

color             可选。阴影的颜色。

前两项是必须写的。 后两项可以选写。

/* 多重阴影 */
text-shadow: -5px 0px cyan, 5px 0px red;

总结

在奋斗的年龄选择了奋斗。