zoukankan      html  css  js  c++  java
  • 第三章 设置丰富的文字效果

    文字样式

    字体;字体是通过font-family属性控制的,字体间用逗号隔开。通常见到的"sans-self"和"serif"不是单个字体的名称,而是一类字体的统称

    文字大小:font-size。该属性的值可以是相对和绝对大小。相对大小(px,%,em)px与显示器分辨率有关,后两个都是相对于父标记而言的比例。

    文字颜色:color。

    文字粗细:font-weight

    斜体:font-style。font-style:normal;默认值。浏览器显示一个标准的字体样式。font-style:italic;浏览器会显示一个斜体的字体样式。 font-style:oblique;浏览器会显示一个倾斜的字体样式。font-style:inherit 规定应该从父元素继承字体样式。

    文字的下划线、顶划线和删除线:text-decoration.默认值:none。

      underline定义文本下的一条线。

      overline定义文本上的一条线。

      line-through定义穿过文本下的一条线。

      blink定义闪烁的文本。

      inherit规定应该从父元素继承 text-decoration 属性的值。

    英文字母大小写 text-transform默认值:none。

      capitalize文本中的每个单词以大写字母开头。

      uppercase定义仅有大写字母。

      lowercase仅有小写字母。

      inherit规定应该从父元素继承 text-transform 属性的值。

    字母间距:letter-spacing:2px

    段落文字

    水平对齐:text-align

    left 把文本排列到左边。默认值:由浏览器决定。
    right 把文本排列到右边。
    center 把文本排列到中间。
    justify 实现两端对齐文本效果。
    inherit 规定应该从父元素继承 text-align 属性的值。

    垂直对齐:vertical-align

    baseline 默认。元素放置在父元素的基线上。
    sub 垂直对齐文本的下标。
    super 垂直对齐文本的上标
    top 把元素的顶端与行中最高元素的顶端对齐
    text-top 把元素的顶端与父元素字体的顶端对齐
    middle 把此元素放置在父元素的中部。
    bottom 把元素的顶端与行中最低的元素的顶端对齐。
    text-bottom 把元素的底端与父元素字体的底端对齐。
    length  
    % 使用 "line-height" 属性的百分比值来排列此元素。允许使用负值。
    inherit 规定应该从父元素继承 vertical-align 属性的值。

    行间距和字间距

    line-height 行间距 两行文字之间基线的距离

    letter-spacing 字间距

    首字放大 float

    left 元素向左浮动。
    right 元素向右浮动。
    none 默认值。元素不浮动,并会显示在其在文本中出现的位置。
    inherit 规定应该从父元素继承 float 属性的值。
  • 相关阅读:
    how to uninstall devkit
    asp.net中bin目录下的 dll.refresh文件
    查找2个分支的共同父节点
    Three ways to do WCF instance management
    WCF Concurrency (Single, Multiple, and Reentrant) and Throttling
    检查string是否为double
    How to hide TabPage from TabControl
    获取当前系统中的时区
    git svn cygwin_exception
    lodoop打印控制具体解释
  • 原文地址:https://www.cnblogs.com/Beyron/p/2922835.html
Copyright © 2011-2022 走看看