• 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

  • 相关阅读:
    python nltk nltk_data 离线安装,chatterbot
    ubuntu 16.04 64位 安装nvidia cuda
    发送imessage消息
    lua lor mongol socket.http
    pipenv
    headers参数格式化
    Linux删除空文件 空文件夹
    adb 操作安卓手机
    django 实现简单的检索功能
    1044: Access denied for user 'hehe'@'localhost' to database 'imooc'
  • 原文地址:https://www.cnblogs.com/ymzi/p/12447741.html
Copyright © 2020-2023  润新知