1.长度单位: | |
- px:像素 | |
- 不同的显示器一个像素也不同 | |
- 百分比%:根据父元素的百分比 | |
- em:和百分比类似,它相对与当前元素的字体大小来计算 | |
2.颜色单位 | : |
3.字体样式 | :都要写在<head>中的选择其中 |
- color 字体颜色 | |
- font-size:文字大小,但不是严格的文字,是文字所处的格的大小 | |
- font-family:指定字体的样式,可以同时指定多个字体,多个字体使用逗号分开, | |
浏览器会优先前一个字体,当遇到都支持字体时,就会使用,否则就下一个 | |
最后用默认值 | |
- font-weight:指定文字的粗体 | |
- font-variant:将英文字母的小写字母变为大写,并且缩小字体 | |
⭐font 可以简写字体样式 | |
- 没有顺序要求 | |
- 可以直接设置以上的字体 | |
- 可以不写,但是大小,字体必须要写 | |
- 字体必须在最后一个,大小必须在倒数第二个 | |
- 在字体大小后面加一个/表示行高的数值 | |
4.行间距: | 行高越大,行间距越大 |
- 行高:line-height | |
- 行间距 = 行高 - 字体大小(单位是像素) | |
- 可以接收数字,百分比,像素。 | |
font: bold small-caps 30px/50px "宋体"; | |
5.文本样式: | text-decortation可以来设置文本的修饰 |
- 可选值: | |
- none 空 | |
- underline 下划线 ---> 超链接的默认下划线,可以通过text-decortation进行更改 | |
- overline 上划线 | |
- line-through 删除线 | |
6.字间距: | letter-spacing 、wordspacing |
- letter-spacing:可以调整字符之间的间距,比如字母与字母之间,汉字与汉字之间。 | |
- wordspacing :可以调整单词与单词之间的距离,即就是调整内容的空格大小 | |
7.对齐方式: | text-align |
可选值: | |
- left 左对齐 | |
- right 右对齐 | |
- center 居中对其 | |
- justify 两端都对起 | |
8.首行缩进: | text-indent |
可选值: | |
- 可以正值,可以负值(右移,左移) | |
- em可以根据文本字体的大小进行缩进。 | |
eg:1em表示按当前文本大小缩进一个字符 |
前端文本标签
于 2023-11-27 08:55:33 首次发布