CSS 文本外观属性

• white-space 空白符处理

		.pn1{
            white-space: normal;          //换行和空格不起作用
        }
        .pn2{
             white-space: pre;		      //保留空格换行
        }
        .pn3{
              white-space: nowrap;		  //没有换行，强制不换行
        }

• text-overflow 溢出文本

   	.p7{
           width: 200px;
           height: 100px;
           white-space: nowrap;        //不换行
           overflow: hidden;           //溢出时隐藏
           text-overflow: ellipsis;    //省略号表示
       }

• text-shadow文本阴影

	text-shadow: 4px 5px 5px pink,4px 5px 5px skyblue;

*** 多重阴影之间加逗号隔开 ***

完整代码片

    
    
    


    

        
这段文本颜色设置为红色
        
这段中文的字间距设置为20px
        
这段英文的字间距设置为20px I like you,but just like you
        
这段中文的单词间距设置为2em
        
这段英文的单词间距设置为2em I like you,but just like you
        
这段文本行间距设置为2em 
这段文本行间距设置为2em
        
这段英文的设置为全部字符转换为大写I like you,but just like you
        
这段英文的设置为首字母大写I like you,but just like you
        
这段英文的设置为全部字符转换为小写I like you,but just like you
        
设置下划线
        
设置上划线
        
设置删除线线
        
文本左对齐
        
文本右对齐
        
文本居中对齐
        
首行缩进2字符
        
首行缩进50像素
        
首行缩进30%
        
常规值      ，     文中的空行、
            空格
            无
                      效，满             行
            后        自动            换

            行。常规值      ，     文中的空行、
            空格
            无
            效，满             行
            后        自动            换

            行。常规值      ，     文中的空行、
            空格
            无
            效，满             行
            后        自动            换

            行。
        
预   格   式 化，按
            文
                  档的
            书写格式    保  留  空格、空行    原样显示。
        
合


            并所            有空白                  符为一个空白符，强制文本不能换行，除非遇到换行标记 
。内容超出元素的边界也不换行，若超出浏览器页面则会自动增加滚动条。内容超出元素的边界也不换行，若超出浏览器页面则会自动增加滚动条。内容超出元素的边界也不换行，若超出浏览器页面则会自动增加滚动条。内容超出元素的边界也不换行，若超出浏览器页面则会自动增加滚动条。内容超出元素的边界也不换行，若超出浏览器页面则会自动增加滚动条。内容超出元素的边界也不换行，若超出浏览器页面则会自动增加滚动条。内容超出元素的边界也不换行，若超出浏览器页面则会自动增加滚动条。内容超出元素的边界也不换行，若超出浏览器页面则会自动增加滚动条。
        
修剪溢出文本，不显示省略标记……修剪溢出文本，不显示省略标记……修剪溢出文本，不显示省略标记……修剪溢出文本，不显示省略标记……修剪溢出文本，不显示省略标记……修剪溢出文本，不显示省略标记……
        
用省略标记“……”标志倍修剪文本，省略标记插入的位置是最后一个字符。需结合overflow:hidden使用。用省略标记“……”标志倍修剪文本，省略标记插入的位置是最后一个字符。需结合overflow:hidden使用用省略标记“……”标志倍修剪文本，省略标记插入的位置是最后一个字符。需结合overflow:hidden使用
        
这段文字加阴影