文字样式

font: 设置对象中的文本特性。该属性是复合属性。默认值为: normal normal normal medium normal "Times New Roman" 。 

基本语法:

    font: font-style || font-variant || font-weight || font-size || line-height || font-family

    font: caption | icon | menu | message-box | small-caption | status-bar 

取值介绍:

    caption        :  CSS2  使用有标题的系统控件的文本字体(如按钮,菜单等) 

    icon           :  CSS2  使用图标标签的字体 

    menu           :  CSS2  使用菜单的字体 

    message-box    :  CSS2  使用信息对话框的文本字体 

    small-caption  :  CSS2  使用小控件的字体 

    status-bar     :  CSS2  使用窗口状态栏的字体

 

「字体风格」font-style: 也就是字型。normal(正常)、italic(斜体, 对于没有斜体变量的特殊字体,将应用 oblique)、oblique(倾斜的字体)

 

「字体变形」font-variant: 字体变形属性决定了字体显示是normal(普通) ,还是small-caps(小型大写字母)当文字中所有字母都是大写的时候,小型大写字母会显示比小写字母稍大的大写字符。

 

「字体加粗」font-weight: 除了 normal(正常)、bold(粗体)、bolder(特粗)、lighter(细体)外,还有9种以像素为度量为单位的设置方式(100,200,300,400,500,600,700,800,900)

 

「字体大小」font-size: 注意度量单位。《绝对大小》|《相对大小》|《长度》|《百分比》(一般设置双数)  

基本语法:

    font-size: xx-small | x-small | small | medium | large | x-large | xx-large | larger | smaller | length 

取值说明:

    xx-small   :  绝对字体尺寸。根据对象字体进行调整。最小 

    x-small    :  绝对字体尺寸。根据对象字体进行调整。较小 

    small      :  绝对字体尺寸。根据对象字体进行调整。小 

    medium     :  默认值。绝对字体尺寸。根据对象字体进行调整。正常 

    large      :  绝对字体尺寸。根据对象字体进行调整。大 

    x-large    :  绝对字体尺寸。根据对象字体进行调整。较大 

    xx-large   :  绝对字体尺寸。根据对象字体进行调整。最大 

    larger     :  相对字体尺寸。相对于父对像中字体尺寸进行相对增大。使用成比例的 em 单位计算 

    smaller    :  相对字体尺寸。相对于父对像中字体尺寸进行相对减小。使用成比例的 em 单位计算 

    length     :  百分数 | 由浮点数字和单位标识符组成的长度值,不可为负值。其百分比取值是基于父对象中字体的尺寸。

 

font-size-adjust: 设置用于对象中文本的字体名称序列是否强制使用同一尺寸。

基本语法:font-size-adjust : none | number 

取值: none     :  默认值。允许字体序列中每一字体遵守它的自己的尺寸 

       number   :  为字体序列中所有字体强迫指定同一尺寸 

 

line-height: 行高

 

「字体族科」font-family: 设定时,需考虑浏览器中有无该字体

基本语法:

    font-family : name 

    font-family : ncursive | fantasy | monospace | serif | sans-serif 

取值:

    name : 字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格,则应使用引号括起。

    第二种声明方式使用所列出的字体序列名称。如果使用fantasy序列,将提供默认字体序列。 

 

「字体颜色」color: 文字的颜色

 

text-decoration: 设置对象中的文本的装饰.

基本语法:

    text-decoration : none || underline || blink || overline || line-through 

取值说明:

    none          :  默认值。无装饰 

    blink         :  闪烁 

    underline     :  下划线 

    line-through  :  贯穿线 

    overline      :  上划线

 

text-underline-position: 设置 text-decoration 属性定义的下划线的位置。below(默认值。下面)|(above: 上面)

 

text-shadow: 设置对象中文本的文字是否有阴影及模糊效果。可以设定多组效果,方式是用逗号隔开。可以被用于伪类 :first-letter 和 :first-line 。

基本语法:

    text-shadow : color || length || length || opacity 

取值说明:

    color   :  指定颜色。

    length  :  由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的水平延伸距离。

    length  :  由浮点数字和单位标识符组成的长度值。可为负值。指定阴影的垂直延伸距离。 

    opacity :  由浮点数字和单位标识符组成的长度值。不可为负值。指定模糊效果的作用距离。如果仅需模糊效果,将前两个 length 全部设定为 0 。

 

text-transform: 设置对象中的文本的大小写.

基本语法:

    text-transform : none | capitalize | uppercase | lowercase 

取值说明:

    none       :  默认值。无转换发生 

    capitalize :  将每个单词的第一个字母转换成大写,其余无转换发生 

    uppercase  :  转换成大写 

    lowercase  :  转换成小写 

 

letter-spacing: 设置对象中的文字之间的间隔.

 

word-spacing: 设置对象中的单词之间插入的空隔.

你可能感兴趣的:(样式)