CSS文本属性

一、可以被继承的属性

font-size

font-family

font-weight

font-style

line-height

color

text-align

text-indent

二、文本大小

属性值为数值型，必须给属性值加单位，属性值为0时除外。

单位可以是pt、px、em  9pt=12px

em是相对文字单位，当前文本的字符大小

pt是绝对长度单位，表示多少个点

px是相对长度单位，使用比较广泛

为了减小系统间的字体显示差异，IE Netscape Mozilla的浏览器制作商于1999年召开会议，共同确定16px为标准字体大小默认值,即1em.默认情况下，          

1em=16px,0.75em=12px;

        如果给元素中的文字大小设置为 xem的时候，就是x倍的字符大小，请参照该元素的祖先元素的字体大小，然后求倍数，若祖先元素在都没有设置字体大小，那么该元素字         体是相对于16px求倍数

三、文本字体：{font-family:字体1, 字体2, 字体3;}

       示例：{font-family:"Times New Roman",Georgia,Serif}

说明：

浏览器首先会寻找字体1、如存在就使用改字体来显示内容，如在字体1不存在的情况下，则会寻找字体2，如字体2也不存在，按字体3显示内容，如果字体3 也不存在；则按系统默认字体显示；

当字体是中文字体时，需加双引号；

当英文字体中有空格时，需加双引号如（“Times New Roman”）

当英文字体只有一个单词组成是不加双引号；如：（Arial）；

Windows中文版本操作系统下，中文默认字体为宋体或者新宋体，英文字体默认为Arial.

        字体粗细

        font-weight:normal(默认)/bold/bolder/lighter/100-900   

        字体倾斜样式

        font-style :italic/oblique/normal(默认)

        字体颜色

        color

四、文本行高：{line-height: normal/value;}

    说明：

        当单行文本的行高等于容器高时，可实现单行文本在容器中垂直方向居中对齐；

        当单行文本的行高小于容器高时，可实现单行文本在容器中垂直中齐以上任意位置的定位；

        当单行文本的行高大于容器高时，可实现单行文本在容器中垂直中齐以下任意位置的定位。（IE6及以下版本存在浏览器兼容问题）

        line-height 与 font-size 的计算值之差（在 CSS 中成为“行间距”）分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。

       倍行高：{line-height:2/2em;} 2倍 ，{line-height:200%;}2倍行距；{line-height:20px;}

五、文字大小、文字类型、文字粗细、文字倾斜、行高  可以简写成font

    font:加粗 倾斜  大小/行高  类型;

         其中大小和类型必须设置font才会起作用   其他属性值若没有设置则采用默认值  

     设置文本在容器中的水平对齐方式用text-align:left/right/center/justify(该值对中文不一定起作用)

    注意：这个属性必须给容器（可以设置宽度和高度的元素）设置

    text-decoration:none(默认)/underline/overline/line-through/blink(都不支持)

首行缩进text-indent

注意：这个属性只能给容器设置

text-indent:..px   ..pt   ...em

只对容器的首行文字起作用，可以为正值或负值

字符间距：letter-spacing  对中英文都起效

词间距：word-spacing  只对英文起作用   行内元素与行内块元素可以看成是词

去除行内元素和行内块元素之间的间隙可以设置父级元素word-spacing:负值

同时设置white-space:nowrap; overflow: hidden; text-overflow:ellipsis;

        可以让单行文字超出界限的文字呈现...的形式