1、颜色 color rgb rgba
2、文本对齐的方式 text-align = center
3、首行缩进 text-indent:2em
4、行高 line-height:当行文字上下居中,行高line-height等于height
5、装饰 text-decoration
6、文本图片水平对齐: vertical-align:middle
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 7 <!-- 颜色: 8 RGB 0-F 9 RGBA 透明度 A:0~1 10 text-align: 排版居中 11 text-indent: 2em 首行缩进 12 13 行高,和块的高度一致,就可以上下居中 14 height: 300px; 15 line-height: 300px; 16 17 text-decoration:underline 上划线 18 text-decoration:line-through 中划线 19 text-decoration:overline 下划线 20 21 --> 22 <style> 23 h1{ 24 color: rgba(0,255,255,0.4); 25 text-align: center; 26 27 28 } 29 .p1{ 30 text-indent: 2em; 31 } 32 33 .p3{ 34 background: #3cbda6; 35 height: 300px; 36 line-height: 300px; 37 } 38 39 </style> 40 </head> 41 <body> 42 43 <h1> 44 介绍 45 </h1> 46 <p class="p1">Java是一门面向对象的编程语言,不仅吸收了C++语言的各种优点,还摒弃了C++里难以理解的多继承、指针等概念, 47 因此Java语言具有功能强大和简单易用两个特征。</p> 48 49 <p class="p3">Java语言作为静态面向对象编程语言的代表,极好地实现了面向对象理论,允许程序员以优雅的思维方式进行复杂的编程。 50 Java具有简单性、面向对象、分布式、健壮性、安全性、平台独立与可移植性、多线程、动态性等特点。 51 Java可以编写桌面应用程序、Web应用程序、分布式系统和嵌入式系统应用程序等。</p> 52 </body> 53 </html>文本样式
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <!-- 7 8 水平对齐~参照物 a,b 9 --> 10 <style> 11 img,span{ 12 vertical-align: middle; 13 } 14 /*a标签链接去除下划线*/ 15 a{ 16 text-decoration: none; 17 } 18 </style> 19 </head> 20 <body> 21 <p> 22 <img src="../static/imgs/1.jpg" alt=""> 23 <span>asdasdassddasdasd</span> 24 25 </p> 26 <a href="">123</a> 27 </body> 28 </html>文本样式2