CSS学习记录(二) | 青训营笔记

61 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第七天

写在前面

以下是我学习CSS过程中的一些CSS的学习笔记记录,主要目的是用于巩固基础知识,方便日后的回看复习。本节内容主要包含CSS里的字体文本属性的一些相关知识。


字体属性

  • 字体系列

    • 指定文字的字体,例如宋体、黑体、微软雅黑等
    • 属性名:font-family
  • 字体大小

    • 定义文字的大小
    • 属性名:font-size
  • 字体粗细

    • 指定文字的粗细
    • 属性名:font-weight
    • 属性值:
    属性值描述
    normal默认值(不加粗)
    bold加粗
    100-900400等同于normal,700等同于bold,注意值不带单位
  • 字体样式

    • 定义文字时标准还是斜体等字体样式
    • 属性值
    属性值描述
    normal默认值
    italic显示斜体的字体样式
  • 复合属性

    • 把字体属性合在一起写
    • 代码格式:
    ... {
        font: font-style font-weight font-size/line-height font-family;
    }
    
    • 注意:
      • 必须如示格式顺序书写,且各个属性间以空格隔开
      • font-sizefont-family必须要有

文本属性

  • 文本颜色

    • 定义文字的颜色
    • 属性名:color
  • 对齐文本

    • 定义文本的对齐方式
    • text-align:设置文字水平对齐方式
  • 装饰文本

    • 属性名:text-decoration
    • 属性值:
    属性值描述
    none默认,没有装饰线
    underline下划线,且链接a标签的文字自带下划线
    overline上划线
    line-through删除线
  • 文本缩进

    • 让文段的开头缩进一定的距离
    • 属性名:text-indent
    • 单位:em
      • 相对单位,以当前元素1个文字的大小为1em,否则则以父元素的1个文字大小为1em
  • 行间距

    • 定义段落中每行文字之间的距离
    • 属性名:line-height
    • 行间距 = 上间距 + 文本高度 +

写在最后

以上便是我的一些学习笔记,若有不足,欢迎指出