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

  • 相关阅读:
    mac c++编译出现segmentation fault :11错误
    ssh 连接缓慢解决方法
    237. Delete Node in a Linked List
    203. Remove Linked List Elements
    Inversion of Control Containers and the Dependency Injection pattern
    82. Remove Duplicates from Sorted List II
    83. Remove Duplicates from Sorted List
    SxsTrace
    使用CCleaner卸载chrome
    decimal and double ToString problem
  • 原文地址:https://www.cnblogs.com/ymzi/p/12447741.html
Copyright © 2011-2022 走看看