CSS学习————文本属性（2）

1、文本水平对齐方式：

text-align:left | center | right | justify

justify:文本保持在左右2边垂直对齐

2、文本方向：文本倒序


html>
<html>
	<head>
		<style>
			p {										
				border: 1px solid green;
			}
			p:nth-child(1) {
				text-align: right;
			}
 
			p:nth-child(2) {			
				direction: rtl;
				unicode-bidi: bidi-override;
			}
		style>
	head>
 
	<body>
		<p>12345p>
		<p>12345p>
		
	body>
html>

3、元素垂直对齐方式：内联元素|内联块元素有效

vartical-align:top | middle | bottom |baseline| 10px

3、文本装饰：

text-decoration:underline | overline | line-through | none(默认值)

4、文本转换：属性用于指定文本中的大写和小写字母。

text-transform：uppercase | lowercase |capitalize

5、文字间距

5-1：文本缩进：文本第一行的缩进

text-indent:2em | 32px

5-2:文字与文字的水平距离

letter-spacing:1em | 16px

5-3:文本行间距：line-height；

5-4:单词间距：word-spacing(CJK无效)；

5-6：white-space元素内部空白的处理方式

white-space:nowrap | normal | pre |pre-line |pre-wrap

normal：忽略多余的空白，只保留一个空白（默认）；
nowrap：只保留一个空白，文本不会换行，会在在同一行上继续，直到遇到br标签为止。
pre：保留空白(行为方式类似于html中的pre标签)；
pre-line：合并空白符序列，保留换行符；
pre-wrap：保留空白符序列，正常地进行换行；
inherit：从父元素继承white-space属性的值。

6：文字阴影

text-shadow:水平阴影垂直阴影模糊度颜色


p {
	font-size: 30px;
	color: #000;
	text-shadow:1px 1px 1px  #888
				2px 2px 1px #777,
				3px 3px 1px #666,
				4px 4px 1px #555,
				5px 5px 1px #444,
				6px 6px 1px #000;
}

相关阅读:
树莓派按键控制LED（中断方式）
Python环境的搭建+第一个Python程序的运行
（附源码）spring boot网上商品定制系统毕业设计 180915
【Redis】Redis事务：原子性与回滚的真相揭秘
【Spring】Spring学习入门案例
【Python&RS】基于GDAL修改栅格数据的DN值
对象转数组的方法(常见三种)
如何保证redis和数据库的一致性
信号发生器的电路构成及工作原理
DWGViewX Pro 2021.4.X Crack by Cracki

原文地址：https://blog.csdn.net/meng_xiaoxiao/article/details/127421789