一：文字的处理
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>