CSS中常见的6种文本样式是什么

这篇文章将为大家详细讲解有关CSS中常见的6种文本样式是什么，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联是一家集网站建设,安次企业网站建设,安次品牌网站建设,网站定制,安次网站建设报价,网络营销,网络优化,安次网站推广为一体的创新建站企业，帮助传统企业提升企业形象加强企业竞争力。可充分满足这一群体相比中小企业更为丰富、高端、多元的互联网需求。同时我们时刻保持专业、时尚、前沿，时刻以成就客户成长自我，坚持不断学习、思考、沉淀、净化自己，让我们为更多的企业打造出实用型网站。

一、首行缩进

1. 定义

首行缩进是将段落的第一行缩进，这是常用的文本格式化效果。一般地，中文写作时开头空两格，类似于此

注意：该属性可以为负值

2. 用法：

text-indent:  |  | inherit;

初始值: 0

应用于: 块级元素(包括block和inline-block)

继承性: 有

百分数: 相对于包含块的宽度

3.应用（代码实例）

悬挂缩进：

div{
    width: 200px;
    border: 1px solid black;
    text-indent: -1em;//关键代码
    padding-left: 1em;//关键代码
}

效果图：

首字下沉:

div{
    width: 200px;
    border: 1px solid black;
    text-indent: 0.5em;
}
div:first-letter{
    font-size: 30px;
    float: left;
}

效果图：

二、水平对齐

1. 定义

水平对齐是影响一个元素中的文本的水平对齐方式

2.用法：

text-align: left | center | right | justify | inherit

初始值: left

应用于: 块级元素(包括block和inline-block)

继承性: 有

两端对齐

当水平对齐方式为两端对齐时，word-spacing可能会调整，以便文本在整行中正好放下。如果为letter-spacing指定一个长度值，则letter-spacing不会受两端对齐影响，除非letter-spacing值为normal

IE兼容

对于IE7-浏览器来说，使用text-align不仅会改变文本的水平对齐方式，也会改变后代块级元素的水平对齐方式

.box{
    width: 200px;
    height: 200px;
    background-color: pink;
    border: 1px solid black;
    text-align: right;
}    
.in{
    height: 100px;
    width: 100px;
    background-color: lightgreen;
}

    测试文字