ThinkSSL🔒 一键申购 5分钟快速签发 30天无理由退款 购买更放心 广告
#### 同样,文本也有许多样式,但是一般只用几种 * ##### 文本颜色: > color的几种表示方法: > ~~~ > color:red; > color:#ffac06; > color:rgb(100,20,30); > color:rgb(%60,%20,%20); > ~~~ > 有时候 > `color:rgb(100,20,30,0.6);` > 最后一个表示透明度,介于0-1 * ##### 文本的对齐方式: > 文本排列属性是用来设置文本的水平对齐方式。 > 文本可居中或对齐到左或右,两端对齐. > 当text-align设置为"justify",每一行被展开为宽度相等,左,右外边距是对齐(如杂志和报纸)。 ~~~ h1 {text-align:center;} h1 {text-align:left;} p.date {text-align:right;} p.main {text-align:justify;} ~~~ * ##### 文本修饰 >text-decoration 属性用来设置或删除文本的装饰。 >**从设计的角度看 text-decoration属性主要是用来删除链接的下划线:** ~~~ h1 {text-decoration:overline;}-----上划线 h2 {text-decoration:line-through;}------中间划线 h3 {text-decoration:underline;}------下划线 h4 {text-decoration:none;}------无,默认,一般用来去掉a属性的下划线 ~~~ * ##### 文本缩进 >文本缩进属性是用来指定文本的第一行的缩进。 `p {text-indent:50px;}`------表示p段落的首行缩进50px * ##### 指定字符之间的空间:(常用在字体美观调整方面) ~~~ h1 {letter-spacing:2px;}------每个字体间隔2px h2 {letter-spacing:-3px;}------每个字体间隔-3px,也就是挤到一块了 ~~~ * ##### 行与行之间的空间 >大多数浏览器的默认行高约为110%至120%。 ~~~ p.small {line-height:70%;}------p段落small ID行间距为父元素的70% p.big {line-height:200%;}------p段落big ID行间距为父元素的200% ~~~ * ##### 单词与单词之间的空白 ~~~ p{ word-spacing:30px;------表示p段落单词之间相隔30px } ~~~