text-align：用于设置元素内文本内容的水平对齐方式，一般有左对齐(align，默认值)，右对齐(right)，居中对齐(center)三种
<head> <style> p { text-align:right; } </style> </head> <body> <p>微信公众号：Robod</p> </body>
图中 p 标签与浏览器窗口一样宽，文字在最右边。
text-decoration：用于装饰文本，比如下划线，删除线等
text-indent：设置段落的首行缩进
p { /*text-indent: 20px; 首行缩进20像素 */ text-indent:2em; /*首行缩进2个字符*/ }text-shadow: h-shadow v-shadow blur color;文字阴影
在CSS3中，新增了文字阴影的设置：
值 描述h-shadow 必需，水平阴影的位置，允许负值，单位px
v-shadow 必需，垂直阴影的位置，允许负值，单位px
blur 可选，模糊的距离，数值越大，阴影越发散，单位px
color 可选，阴影的颜色，可用rgba()设置颜色及透明度
line-height：设置段落文字的行高(行间距)，单位为px或em等，也可以跟一个不带单位的数字，表示行高是字体大小的多少倍。
行高=盒子高度：文字垂直居中
CSS中并没有提供文字垂直居中的属性，可以让文字的行高等于盒子高度，就可以实现文字垂直居中的效果。
<head> <style> div { background-color: aquamarine; height: 50px; line-height: 50px; } </style> </head> <body> <div> 微信公众号：Robod </div> </body>
元素A 元素B {
样式声明
}
后代选择器就是设置父元素里面子元素的样式。其中，元素B可以是元素A的直接子级，也可以是元素A子元素的子元素。像下面这段代码，可以将文字都设置为红色。
<head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div p { color: red; } </style> </head> <body> <div> <p>微信公众号：Robod(红色)</p> <a> <p>微信公众号：Robod(也是红色)</p> </a> </div> </body>
元素A>元素B {
样式声明
}
子选择器和后代选择器类似，不过子选择器只能设置某元素的直接子级元素的样式。
<head> <meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div>p { color: red; } </style> </head> <body> <div> <p>微信公众号：Robod(红色)</p> <a> <p>微信公众号：Robod(黑色)</p> </a> </div> </body>
元素A,
元素B {
样式声明
}
并集选择器可以同时为多个元素设置样式，其中元素不仅可以是标签或者类，也可以是后代和子选择器。
<head> <style> .red, div>span>.red2 { color: red; } </style> </head> <body> <div> <a>微信公众号：Robod</a> <span> <p>微信公众号：Robod</p> </span> </div> </body>