008 文字与文本处理

一：文字的处理

1.css字体样式属性

　　font-size：设置字号，可以使用想对单位也可以设置绝对单位。

　　　　推荐像素px。

　　　　在写的时候，要加上单位。

　　font-family：字体

　　　　font-family: "宋体";，中文的时候加引号，如果有空格，也加引号，英文的单个单词，则不要加引号。

　　　　如果有多个，使用从前到后开始查找，使用第一个查找到的字体类型，

　　　　有时候，为了兼容性，可能使用的是字体的unicode编码，可以查表。

　　font-weight：字体粗细

　　　　可用的属性有normal，blod，bloder，lighter，number

　　　　normal：正常字体，相当于number为400.

　　　　bold：粗体，相当于number为700.

　　　　bloder：特粗体

　　　　lighter：细体

　　　　number：不要加单位。

　　font-style：

　　　　常见的属性有normal，italic，oblique（不用，有兼容问题）

　　　　normal：正常的梯子

　　　　italic：斜体

　　　　强调字体的时候，使用em标签，然后再使用normal属性。

2.案例

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style>
 7         * {
 8             font-family: "宋体";
 9         }
10         p {
11             font-size:18px;
12         }
13         a {
14             font-weight: bold;
15         }
16         h1 {
17             font-weight: normal;
18 
19         }
20         em {
21             color: skyblue;
22             font-style: normal;
23         }
24     </style>
25 </head>
26 <body>
27     <h1 align="center">黑洞里面到底是什么？</h1>
28     <div align="center">文章<a href="#">作者</a>：瀚海狼山.</div>
29     <hr>
30     <p>黑洞是二十世纪天文和物理科学上的一个伟大的猜想，可以说是先通过公式计算出来的本来认为根本不存在的事物。原子弹也是本来不存在的事物，是通过人类的想象和计算搞出来的东西。这就是人类思维的强大之处。但是黑洞和原子弹不同。他本身在宇宙中是大量存在的。就像人类以前也不知道有天王星海王星和冥王星。但是通过计算公式认为他们可能存在，最终被证实确实存在。黑洞也符合这个发现规律。因此黑洞就是一种“普通”的星体而已。尽管他非常非常的特殊，却是在我们这个位面的宇宙中海量的存在。因为任何一个星系的中心基本都有1到2个大黑洞，中间没有黑洞的星系是很难聚拢在一起的。而宇宙中有无数的星系，而几乎每个星系中都有成亿计算的大大小小的黑洞。从这个意义上讲，黑洞并不特殊，他就是星体的一个种类而已。只是他的基本行为模式，和常规的星体有点相反。</p>
31 
32     <p>这就像我们做生意或者炒股本身都是为了赚钱。结果一部分人能赚到钱，而另一部分人不但钱没赚到，反倒把老本都赔了一部分甚至赔光了。遇到这个情况，可以说遇到了财务黑洞或者财务陷阱。而宇宙中真实的黑洞也和这种情况差不多。别的<em>[恒星]</em>甚至大的行星都是对外辐射热量和电磁波，发光发热的。而黑洞却只进不出。感觉在物质和能量上就是一个无限大的负数。而且万一不小心遇到他被他的引力套牢，都会被吸引掉进去。这就是一个万劫不复的时空陷阱。因此黑洞可以看做常规宇宙中的陷阱，但是这种陷阱又是必不可少的。因为没有黑洞就没有银河系，没有银河系就没有太阳系，没太阳系自然没有地球，没地球就没有我们在这里坐而论道了。总之黑洞很特殊，但是他仍然是与所有的普通<em>[恒星]</em>或行星一样正常的挂在天际，甚至一大半小质量黑洞就是大质量<em>[恒星]</em>塌缩后形成的。</p>
33 
34     
35     <p>虽然这种照片并不是真正的光学成像，而是其他波段的电磁波理论成像。可以说是一种比较可信的电脑合成照片。黑洞周边的吸积盘人类从理论上完全可以看得到。现在说黑洞内部是什么样子，实际上讨论的就是黑洞的视界以内是什么样子。这个既不可以从外界通过可见光或者任何电磁波看透视界，更不可能有人亲自穿越视界进去看看再回来。因为黑洞本身对任何物质都是有去无回的。所以现在谈论黑洞的视界内部是什么也是理论猜测。</p>
36 
37     
38 </body>
39 </html>

3.效果

二：文本样式

1.行间距

　　line-height

　　一般行高比字体大7,8像素就行了。

　　要加上单位。

　　也可以相对值em或者%。

2.水平对齐方式

　　text-align：让标签中的文字水平居中对齐。

　　例如，h1还是占用一行，本来就没有剧中的事情，只是里面的字体进行水平居中。

　　这个在css中才有作用。

3.首行缩进

　　text-indent

　　text-indent: 2em;，两个字符。

4.案例

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style>
 7         * {
 8             font-family: "宋体";
 9         }
10         p {
11             font-size:18px;
12             line-height: 26px;
13             text-indent: 2em;
14         }
15         a {
16             font-weight: bold;
17         }
18         h1 {
19             font-weight: normal;
20             text-align: center;
21         }
22         em {
23             color: skyblue;
24             font-style: normal;
25         }
26     </style>
27 </head>
28 <body>
29     <h1>黑洞里面到底是什么？</h1>
30     <div align="center">文章<a href="#">作者</a>：瀚海狼山.</div>
31     <hr>
32     <p>黑洞是二十世纪天文和物理科学上的一个伟大的猜想，可以说是先通过公式计算出来的本来认为根本不存在的事物。原子弹也是本来不存在的事物，是通过人类的想象和计算搞出来的东西。这就是人类思维的强大之处。但是黑洞和原子弹不同。他本身在宇宙中是大量存在的。就像人类以前也不知道有天王星海王星和冥王星。但是通过计算公式认为他们可能存在，最终被证实确实存在。黑洞也符合这个发现规律。因此黑洞就是一种“普通”的星体而已。尽管他非常非常的特殊，却是在我们这个位面的宇宙中海量的存在。因为任何一个星系的中心基本都有1到2个大黑洞，中间没有黑洞的星系是很难聚拢在一起的。而宇宙中有无数的星系，而几乎每个星系中都有成亿计算的大大小小的黑洞。从这个意义上讲，黑洞并不特殊，他就是星体的一个种类而已。只是他的基本行为模式，和常规的星体有点相反。</p>
33 
34     <p>这就像我们做生意或者炒股本身都是为了赚钱。结果一部分人能赚到钱，而另一部分人不但钱没赚到，反倒把老本都赔了一部分甚至赔光了。遇到这个情况，可以说遇到了财务黑洞或者财务陷阱。而宇宙中真实的黑洞也和这种情况差不多。别的<em>[恒星]</em>甚至大的行星都是对外辐射热量和电磁波，发光发热的。而黑洞却只进不出。感觉在物质和能量上就是一个无限大的负数。而且万一不小心遇到他被他的引力套牢，都会被吸引掉进去。这就是一个万劫不复的时空陷阱。因此黑洞可以看做常规宇宙中的陷阱，但是这种陷阱又是必不可少的。因为没有黑洞就没有银河系，没有银河系就没有太阳系，没太阳系自然没有地球，没地球就没有我们在这里坐而论道了。总之黑洞很特殊，但是他仍然是与所有的普通<em>[恒星]</em>或行星一样正常的挂在天际，甚至一大半小质量黑洞就是大质量<em>[恒星]</em>塌缩后形成的。</p>
35 
36     
37     <p>虽然这种照片并不是真正的光学成像，而是其他波段的电磁波理论成像。可以说是一种比较可信的电脑合成照片。黑洞周边的吸积盘人类从理论上完全可以看得到。现在说黑洞内部是什么样子，实际上讨论的就是黑洞的视界以内是什么样子。这个既不可以从外界通过可见光或者任何电磁波看透视界，更不可能有人亲自穿越视界进去看看再回来。因为黑洞本身对任何物质都是有去无回的。所以现在谈论黑洞的视界内部是什么也是理论猜测。</p>
38 
39     
40 </body>
41 </html>

三：文本修饰

1.属性

　　none：无修饰

　　blink：闪烁，有兼容性问题

　　underline：下划线

　　line-through：贯穿线

　　overline：上划线

2.S标签

　　<s> 标签可定义加删除线文本定义。

3.案例

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style>
 7         h1 {
 8             text-decoration: underline;
 9         }
10         /*s {
11             text-decoration: none;
12         }*/
13     </style>
14 </head>
15 <body>
16     <h1>CJ</h1>
17     <s>现价：199</s>
18 </body>
19 </html>

4.效果

5.去除横线

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <style>
 7         h1 {
 8             text-decoration: underline;
 9         }
10         s {
11             text-decoration: none;
12         }
13     </style>
14 </head>
15 <body>
16     <h1>CJ</h1>
17     <s>现价：199</s>
18 </body>
19 </html>