css对字符的操作小结

0.一个小综合
<div style="text-align:center;font-size:25px;font-weight:bold;color:#fff;padding:25px;">



1.让文字居中 style里text-align：


text-align:center;

left、right 和 center 



2.强制改变文字在td里的位置


text-indent:50px;  
line-height:40px;---------距离边框上边的距离  注意：这里调的100px相当于正常的大概40px一样 有缩短的比例



3.改变文字跟图片在td里的位置（不在style里），注意是属性 不是在style里


align="center"使水平居中
valign="middle"使垂直居中


<td align="center" valign="middle">图片文字居中现实代码</td>



3.1.table中的td里的style的文字操作


text-align 属性设置水平对齐方式，比如左left对齐、右对right齐或者居中center：


vertical-align 属性设置垂直对齐方式，比如顶部top对齐、底部bottom对齐或居中middle对齐：




3.5.文字大小font-size:30px;
style="font-size:30px;"设置输入框内字体大小


<input type="text" style="font-size:30px;" readonly>



4.文字的颜色


color:#fff;



5.文字的粗细
font-weight:bold;


关键字 100 ~ 900 为字体指定了 9 级加粗度


数字 400 等价于 normal，而 700 等价于 bold



6.字母间隔letter-spacing


默认是0
  
h1 {letter-spacing: -0.5em}
h4 {letter-spacing: 20px}




7.字间隔word-spacing


默认是0




7.5文字两行之间距离  行间距


p
{
  
  line-height:1.5;
}



8.字符转换大小写


text-transform 属性处理文本的大小写。这个属性有 4 个值：
none
uppercase
lowercase
capitalize
默认值 none 对文本不做任何改动，将使用源文档中的原有大小写。顾名思义，uppercase 和 lowercase 将文本转换为全大写和全小写字符。最后，capitalize 只对每个单词的首字母大写。


9.文本装饰


接下来，我们讨论 text-decoration 属性，这是一个很有意思的属性，它提供了很多非常有趣的行为。
text-decoration 有 5 个值：
none
underline
overline
line-through
blink
不出所料，underline 会对元素加下划线，就像 HTML 中的 U 元素一样。overline 的作用恰好相反，会在文本的顶端画一个上划线。值 line-through 则在文本中间画一个贯穿线，等价于 HTML 中的 S 和 strike 元素。blink 会让文本闪烁，类似于 Netscape 支持的颇招非议的 blink 标记。
none 值会关闭原本应用到一个元素上的所有装饰。



10.字体风格
font-style 属性最常用于规定斜体文本。
该属性有三个值：
normal - 文本正常显示
italic - 文本斜体显示
oblique - 文本倾斜显示


11. font-family:"微软雅黑"


12.字体具体调色
color:rgb(100,245,332);


13.  12号字对应多少px


一号等于4/3px
所以12号字等于
直接12 乘以4/3



14.间距


letter-spacing和word-spacing
css设置字间距由
letter-spacing和word-spacing这两个属性来控制，
它们分别设置字母间距和单词间距。
对于中文来说，调整汉字之间的距离是使用letter-spacing属性