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 属性的值。
  • 相关阅读:
    javascript继承(对象冒充的多重继承)
    jQuery联动日历(一)
    jQuery联动日历(二)
    jQuery放大镜
    javascript快速排序
    jQuery倒计时
    打造一个自定义的echarts组件
    使用async返回promise<pending>状态的解决
    递归组件的小心得
    数论
  • 原文地址:https://www.cnblogs.com/Beyron/p/2922835.html
Copyright © 2011-2022 走看看