zoukankan      html  css  js  c++  java
  • CSS文本属性与字体属性

    CSS 文本属性

    text-decoration

    text-decoration用于设置文字的装饰线

    none:无任何装饰线(可以去除a元素默认的下划线)

    underline:下划线

    overline:上划线

    line-through:中划线(删除线)

    letter-spacing、word-spacing

    letter-spacing、word-spacing分别用于设置字母、单词之间的间距

    默认是0,可以设置为负数

    text-transform

    text-transform用于设置文字的大小写转换

    可以设置以下值
    capitalize:将每个单词的首字符变为大写
    uppercase:将每个单词的所有字符变为大写
    lowercase:将每个单词的所有字符变为小写
    none:没有任何影响

    text-indent

    text-indent用于设置第一行内容的缩进

    单位可以设置为px、em、rem等。

    text-align

    text-align可用于设置元素内容在元素中的水平对齐方式

    常用的值
    left:左对齐
    right:右对齐
    center:正中间显示
    justify:两端对齐

    text-shadow

    text-shadow问文本添加阴影


    CSS字体属性

    font-size

    font-size决定文字的大小

    常用的设置
    具体数值+单位

    单位:px、em、%

    百分比
    基于父元素的font-size计算,比如50%表示等于父元素font-size的一半

    font-family

    font-family用于设置文字的字体名称

    可以设置1个或者多个字体名称(从左到右按顺序选择字体,直到找到可用的字体为止)

    font-weight

    font-weight用于设置文字的粗细(重量)

    100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900:每一个数字表示一个重量

    normal:等于400

    bold:等于700

    font-stlye

    font-style用于设置文字的常规、斜体显示

    normal:常规显示
    italic:用字体的斜体显示
    oblique:文本倾斜显示

    font-variant

    font-variant可以影响小写字母的显示形式

    可以设置的值如下
    normal:常规显示
    small-caps:将小写字母替换为缩小过的大写字母

    line-height

    line-height用于设置文本的最小行高

    行高的严格定义是:两行文字基线(baseline)之间的间距

    基线(baseline):与小写字母x最底部对齐的线

    font

    font是一个缩写属性

    font-style font-variant font-weight font-size/line-height font-family

  • 相关阅读:
    程序员父亲的遗产——编程十诫 转载
    如何跟程序员谈一场没有Bug的恋爱
    java集合(ArrayList,Vector,LinkedList,HashSet,TreeSet的功能详解)
    CentOS7.0下载各版本说明 新增Everything版
    Virtualbox虚拟机安装CentOS 6.5图文详细教程
    s:iterator数据累加示例代码
    关于程序员的59条搞笑但却真实无比的编程语录
    jQuery EasyUI API 中文文档
    Java发送带html标签内容的邮件
    javascript比较两个时间大小
  • 原文地址:https://www.cnblogs.com/ymzi/p/12447741.html
Copyright © 2011-2022 走看看