CSS属性学习

颜色(color)：

color：<color>

默认值：由user agent决定

适用于：所有元素(color属性使用于所有 html标签.这只重点)

继承性：有

动画性：是

计算值：指定值

媒　体：视觉

字体(font)：

font：[ [font-style||font-variant||font-weight||font-stretch]?font-size[ /line-height]?font-family] | caption | icon | menu | message-box | small-caption | status-bar

默认值：看独立属性自身

适用于：所有元素

继承性：有

动画性：看独立属性自身

计算值：看独立属性自身

媒　体：视觉

font 属性在工作时常用的写法是:

font-style : normal | italic | oblique(可选值)

指定文本字体样式

font-variant：normal | small-caps  (可选值)

指定文本是否为小型的大写字母

font-weight：normal | bold | bolder | lighter | <integer>  (可选值) 

                         用数字表示文本字体粗细。取值范围：100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 

指定文本字体的粗细

font-stretch：normal：正常文字宽度                        ultra-condensed：比正常文字宽度窄4个基数。                        extra-condensed：比正常文字宽度窄3个基数。                         condensed：比正常文字宽度窄2个基数。                         semi-condensed：比正常文字宽度窄1个基数。                         semi-expanded：比正常文字宽度宽1个基数。                         expanded：比正常文字宽度宽2个基数。                         extra-expanded：比正常文字宽度宽3个基数。                        ultra-expanded：比正常文字宽度宽4个基数。 

     指定文本字体拉伸变形

font-size：  <absolute-size> | <relative-size> | <length> | <percentage>

<absolute-size> = xx-small | x-small | small | medium | large | x-large | xx-large

<relative-size> = smaller | larger

详细解释:        <absolute-size>：

根据对象字号进行调节。以 medium 作为基础参照，xx-small相当于medium 3/5 (h6)，x-small: 3/4，small: 8/9 (h5)，medium: 1 (h4)，large: 6/5 (h3)，x-large: 3/2 (h2)，xx-large: 2/1 (h1)，

<relative-size>：

相对于父对像中字号进行相对调节。使用成比例的em单位计算。

<length>：

用长度值指定文字大小。不允许负值。

<percentage>：

用百分比指定文字大小。其百分比取值是基于父对象中字体的尺寸。不允许负值。

指定文本字体尺寸 [想让文本左右居中,上下对齐, 你就必须指定行高.line-height 因为css样式中 有 text-align : center 的属性值,这是定义 文本左右居中(即水平居中的), 但css样式中 明确给出 文本 上下对齐的 属性.  要想实现的话,就只能设置行高,这样的话,浏览器会自动使文本 上下居中.] line-height：normal | <length> | <percentage> | <number> 指定文本字体的行高:        normal：

允许内容顶开或溢出指定的容器边界。

<length>：

用长度值指定行高。不允许负值。

<percentage>：

用百分比指定行高，其百分比基于文本的 font-size进行换算。不允许负值。

<number>：

用乘积因子指定行高。不允许负值。 

指定文本字体的行高 font-family：指定的字体,没啥注意,罗列就行了.指定文本使用某个字体或字体序列 caption： 使用有标题的系统控件的文本字体（如按钮，菜单等）（CSS2） icon： 使用图标标签的字体（CSS2） menu： 使用菜单的字体（CSS2） message-box： 使用信息对话框的文本字体（CSS2） small-caption： 使用小控件的字体（CSS2） status-bar： 使用窗口状态栏的字体（CSS2） 一个 字体样式定义的列子

.classtest {
font-family: 幼圆,宋体;
font-size: xx-large;
font-style: normal;
font-variant:small-caps;
font-stretch:normal;
font-weight: bold;
line-height: normal;
}

文本 Text

属性	版本	继承性	描述
text-transform	CSS1/3	有	定义元素的文本如何转换大小写
white-space	CSS1	有	指定元素是否保留文本间的空格、换行；指定文本超过边界时是否换行。
tab-size	CSS3	有	定义元素内容中制表符的长度
word-break	CSS3	有	定义元素内容文本的字间与字符间的换行行为
word-wrap/overflow-wrap	CSS3	有	定义元素内容文本遇到边界时如何换行
text-align	CSS1/3	有	定义元素内容的水平对齐方式
text-align-last	CSS3	有	定义块内文本内容的最后一行（包括块内仅有一行文本的情况，这时既是第一行也是最后一行）或者被强制打断的行的对齐方式
text-justify	CSS3	有	定义使用什么方式实现文本内容两端对齐
word-spacing	CSS1/3	有	指定单词之间的额外间隙
letter-spacing	CSS1/3	有	指定字符之间的额外间隙
text-indent	CSS1/3	有	定义块内文本内容的缩进
vertical-align	CSS1/2	无	定义行内元素在行框内的垂直对齐方式
line-height	CSS1	有	定义元素中行框的最小高度
text-size-adjust	CSS3	有	定义移动端页面中元素文本的大小如何调整

几个重要的属性:

text-align： start | end | left | right | center | justify | match-parent | justify-all

默认值：start

适用于：块容器

继承性：有

动画性：否

计算值：指定值，除 match-parent 值外

媒　体：视觉

left：

内容左对齐。

center：

内容居中对齐。

right：

内容右对齐。

justify：

内容两端对齐，但对于强制打断的行（被打断的这一行）及最后一行（包括仅有一行文本的情况，因为它既是第一行也是最后一行）不做处理。（CSS3）

start：

内容对齐开始边界。（CSS3）

end：

内容对齐结束边界。（CSS3）

match-parent：

这个值和 inherit表现一致，只是该值继承的 start或 end关键字是针对父母的 direction值并计算的，计算值可以是 left 和 right 。（CSS3）

justify-all：

效果等同于 justify，不同的是最后一行也会两端对齐。（CSS3） 

text-justify(在写定义大量文本内容时有用)

text-justify：auto | none | inter-word | inter-ideograph | inter-cluster | distribute | kashida

默认值：auto

适用于：块容器及某些内联元素

继承性：有

动画性：否

计算值：指定值

媒　体：视觉

auto：

允许浏览器用户代理确定使用的两端对齐法则。

none：

禁止两端对齐。

inter-word：

通过增加字之间的空格对齐文本。该行为是对齐所有文本行最快的方法，它的两端对齐行为对段落的最后一行无效。

inter-ideograph：

为表意字文本提供完全两端对齐，增加或减少表意字和词间的空格。

inter-cluster：

调整文本无词间空格的行。这种模式的调整是用于优化亚洲语言文档的

distribute：

通过增加或减少字或字母之间的空格对齐文本，适用于东亚文档，尤其是泰国。

kashida：

通过拉长选定点的字符调整文本。这种调整模式是特别为阿拉伯脚本语言提供的。需要IE5.5+支持