前端与 CSS5 | 青训营笔记

92 阅读2分钟

这是我参与「第五届青训营 」伴学笔记创作活动的第 11 天。

  • font-style: 用来打开和关闭文本 italic (斜体)。可能的值如下 (将斜体文字关闭斜体状态):
    normal: 将文本设置为普通字体 (将存在的斜体关闭)
    italic: 如果当前字体的斜体版本可用,那么文本设置为斜体版本;如果不可用,那么会利用 oblique 状态来模拟 italics。
    oblique: 将文本设置为斜体字体的模拟版本,也就是将普通文本倾斜的样式应用到文本中。
  • font-weight: 设置文字的粗体大小。这里有很多值可选。
    normalbold: 普通或者加粗的字体粗细
    lighterbolder: 将当前元素的粗体设置为比其父元素粗体更细或更粗一步。100900: 数值粗体值。
  • text-transform: 允许设置要转换的字体。值包括:
    none: 防止任何转型。
    uppercase: 将所有文本转为大写。
    lowercase: 将所有文本转为小写。
    capitalize: 转换所有单词让其首字母大写。
    full-width: 将所有字形转换成全角,即固定宽度的正方形,类似于等宽字体,允许拉丁字符和亚洲语言字形(如中文,日文,韩文)对齐。
  • text-decoration: 设置/取消字体上的文本装饰 (你将主要使用此方法在设置链接时取消设置链接上的默认下划线。) 可用值为:
    none: 取消已经存在的任何文本装饰。
    underline: 文本下划线。
    overline: 文本上划线
    line-through: 穿过文本的线。
  • text-align属性用来控制文本如何和它所在的内容盒子对齐。可用值如下,并且在与常规文字处理器应用程序中的工作方式几乎相同:
    left: 左对齐文本。
    right: 右对齐文本。
    center: 居中文字
    justify: 使文本展开,改变单词之间差距,使所有文本行的宽度相同。
    个人学习总结:巩固了CSS基础知识,加强了记忆。