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

  • 相关阅读:
    golang模板语法
    大白话讲解如何给github上项目贡献代码
    markdown 语法汇总
    小程序开发遇到的一些坑
    Python打包上传
    Python虚拟环境设置
    Python 多版本共存之pyenv
    Python读取指定目录下指定后缀文件并保存为docx
    Ubuntu下的OpenResty 安装
    禁止apache显示目录索引的常见方法(apache禁止列目录)
  • 原文地址:https://www.cnblogs.com/ymzi/p/12447741.html
Copyright © 2011-2022 走看看