menu 喵雨の小屋
search assignment self_improvement

CSS文字样式总结.md

MeowRain
MeowRain 2021年07月31日 阅读:179

title: CSS文字样式总结
categories: 🥭笔记
tags: [CSS]
date: 2021-01-26 22:58:23

font总结

属性表示注意点
font-size字号我们通常用的单位是px 像素,一定要跟上单位
font-family字体实际工作中按照团队约定来写字体
font-weight字体粗细记住加粗是 700 或者 bold 不加粗 是 normal 或者 400 记住数字不要跟单位
font-style字体样式记住倾斜是 italic 不倾斜 是 normal 工作中我们最常用 normal
font字体连写1. 字体连写是有顺序的 不能随意换位置 2. 其中字号 和 字体 必须同时出现

text-align:文本水平对齐方式

  • 作用:

    text-align属性用于设置文本内容的水平对齐,相当于html中的align对齐属性

  • 其可用属性值如下:

属性解释
left左对齐(默认值)
right右对齐
center居中对齐
  • 注意:

    是让盒子里面的内容水平居中, 而不是让盒子居中对齐


text-decoration 文本的装饰

text-decoration 通常我们用于给链接修改装饰效果

描述
none默认。定义标准的文本。 取消下划线(最常用)
underline定义文本下的一条线。下划线 也是我们链接自带的(常用)
overline定义文本上的一条线。(不用)
line-through定义穿过文本下的一条线。(不常用)

总结

属性表示注意点
color颜色我们通常用 十六进制 比如 而且是简写形式 #fff
line-height行高控制行与行之间的距离
text-align水平对齐可以设定文字水平的对齐方式
text-indent首行缩进通常我们用于段落首行缩进2个字的距离 text-indent: 2em;
text-decoration文本修饰记住 添加 下划线 underline 取消下划线 none
分类:
标签:
目录