zoukankan      html  css  js  c++  java
  • css文本样式text、字体样式font

    文本样式text

    1.文本颜色color

    例如h1 {color:red;}

    2.文本方向direction,不常用

    默认ltr从左到右,rtl表示从右到左

    3.文本水平对齐方式text-align

    如果文本方向为ltr即从左到右则默认左对齐,如果文本方向为rtl即从右到左则默认右对齐

    left、center、right、justify分别表示左对齐、居中、右对齐、两端对齐

    4.文本垂直对齐方式vertical-align,一般表格中会用到

    默认为baseline,放在父元素的基线上

    sub、supper垂直对齐文本的下标、上标,top、middle、bottom把元素的顶端与行中最高、中间、最低元素的顶端对齐,text-top、text-bottom把元素的顶端与父元素字体的顶端、低端对齐

    5.设置或删除文本的装饰text-decoration

    默认为none标准文本,这对于链接来说会去掉下面的下划线

    underline、overline、line-through、blink分别表示文本下的一条线、文本上的一条线、穿过文本的一条线、闪烁的文本

    6.文本首行缩进text-indent

    默认0不缩进,text-indent:50px表示缩进50px

    7.单词间距word-spacing,仅对英文单词有效,不常用

    默认为normal,word-spacing:30px表示单词之间的间距为30px

    8.字符间距letter-spacing,不常用

    默认为normal,letter-spacing:2px表示字符间距为2px,字符间距可取负值

    9.行高line-height

    默认为normal,可通过具体值或者n%表示

    10.文本转换text-transform

    uppercase、lowercase、capitalize分别表示将英文字母转换为大写、小写、单词首字母大写

    11.元素内空白的处理方式white-space

    默认为normal被浏览器忽略,

    nowrap:不换行,在上一行继续进行,直到遇到<br>换行标签

    pre:被浏览器保留,类似html中的<pre>标签

    pre-nowrap:保留空白符序列,但是正常地进行换行

    pre-line:合并空白符序列,但是保留换行符

    12.文本阴影text-shadow

    默认为none

    如果有阴影则需指明水平和垂直方向,即h-shadow v-shadow

    语法text-shadow:h-shadow v-shadow blur color

    字体样式font

    1.字体系列font-family,不常用

    如果字体系列的名称超过一个字,则必须用引号;应该设置几个字体名称作为一种"后备"机制,如果浏览器不支持第一种字体将尝试下一种

    font-family:"Times New Roman", Times, serif;

    2.字体样式font-style

    默认为normal正常字体,italic表示斜体,oblique和italic非常类似

    3.字体大小font-size

    字体大小用像素px表示,在ie中常用em来表示字体大小

    默认字体大小为16px,即1em

    4.字体粗细font-weight

    默认为normal正常,lighter、bold、bolder分别表示细、粗、更粗的字体

    也可直接用数值100-900表示,font-weight:400等同于normal,700等同于bold

    5.小型大写字母font-variant

    默认为normal正常,small-caps会显示小型大写字母的字体

    例如对“My name is Hege Refsnes.”设置small-caps后,显示效果如下

    上述所有设置字体的属性可集合在一起,直接通过font属性表示,按需选择即可。

  • 相关阅读:
    韩国新地图格式
    这次是真的准备出售用于传奇开发的HGE图形引擎了
    减小Delphi2010程序的尺寸(关闭RTTI反射机制)
    hook api 保护进程
    使用静态库
    iOS中的Block动画
    IOS中忽略字符串两边空格比较
    判断是否输入有汉字
    EasyDSS产生cache缓存如何设定定时清理缓存?
    EasyDSS定制项目中ETCD服务挂掉如何设定定时重启?
  • 原文地址:https://www.cnblogs.com/Forever77/p/10203989.html
Copyright © 2011-2022 走看看