重温属性——文本

在这里重温以下属性
常用的h1，p，li，a 等等和文字有关的。
需要了解的是
文字的对齐方式：
h1 { text-align:center; } 文本居中
p.date { text-align:right; } 向所在盒子右对齐，相对应的是left
p.main { text-align:justify; } 当text-align设置为”justify”，每一行被展开为宽度相等，左，右外边距是对齐（如杂志和报纸）。

关于 a标签所了解 没有设置属性，文字正常情况下，是带有下划线的。

所以，去下划线，又和text有关

text-decoration:none; 文本-装饰：无！
同样，能去除横线，那么相对的，也就是可以加上横线：
h1 { text-decoration:overline; } 文本上划线
h2 { text-decoration:line-through; } 文本中划线
h3 { text-decoration:underline; } 文本下划线
如此！

有的时候文本拷贝下来，要求每个英文字母看开头大写，一个个改肯定不方便，所以：
p.uppercase { text-transform:uppercase; } 全部大写
p.lowercase { text-transform:lowercase; } 全部小写
p.capitalize { text-transform:capitalize; } 每个单词开头大写

来一个目前没怎么用过的：文本缩进：
p { text-indent:50px; }
50px

10px

像今天做的一个项目，要求的就是字符之间的距离
如下列英文就是扩大距离，使上下同宽

h1 { letter-spacing:2px; }
h2 { letter-spacing:-3px; }

挺很有用
有个类似的效果 文字之间的距离 差距在于，一个是单词的距离，一个是各个字母（字符）
p{ word-spacing:30px; }
30px

20px

再来一个文字和图片的垂直对齐方式

文字

img.top {vertical-align:text-top;}
img.bottom {vertical-align:text-bottom;}