字体的分类和样式,行间距

字体的分类和样式,行间距,第1张

字体的分类

serif(衬线字体)(常用 放结尾)

sans-serif(非衬线字体)(常用 放结尾)

monospace (等宽字体)

cursive (草书字体)

fantasy (虚幻字体)

字体的样式

font-family 字体种类(serif放在结尾)

font-style: italic斜体 normal 非斜体

font-weight: bold加粗 normal非粗体

font-size: 30px字号

font-variant: small-caps小型大写

font 可以一次性同时设置多个字体的样式

font:加粗 斜体 小型大写 大小/行高 字体

font: italic small-caps bold 60px serif

italic,small-caps,bold 顺序随意 不写也可以有默认值 字号放在最后一个

行间距

line-height用于设置行高,行高越大则行 间距越大。

行间距 = line-height – font-size

大写化

text-transform样式用于将元素中的字母全都变成大写。

大写:text-transform:uppercase

小写:text-tansform:lowercase

首字母大写:text-transform:capitalize

正常:text-transform:none

文本修饰

text-decoration属性,用来给文本添加各 种修饰。通过它可以为文本的上方、下方 或者中间添加线条。

text-decoration:underline 下划线

text-decoration:overline 上划线

text-decoration:line-through 删除线

text-decoration:none 去掉下划线

letter-spacing用来设置字符之间的间距。

word-spacing用来设置单词之间的间距。

这两个属性都可以直接指定一个长度或百分数作为值。正数代表的是增加距离,而 负数代表减少距离。

text-align用于设置文本的对齐方式。

text-align:left  左对齐

text-align:right  右对齐

text-align:justify  两边对齐

text-align:center   居中对齐

text-indent  来设置首行缩进。

该样式需要指定一个长度,并且只对第一行生效。

不能,使用letter-spacing才可以(可以这样理解:word-spacing==>单词间隔,letter-spacing==>字母/汉子间隔)

word-spacing 属性增加或减少单词间的空白(即字间隔)。

该属性定义元素中字之间插入多少空白符。针对这个属性,“字” 定义为由空白符包围的一个字符串。如果指定为长度值,会调整字之间的通常间隔;所以,normal 就等同于设置为 0。允许指定负长度值,这会让字之间挤得更紧。

例如下面的例子:

<html>

<head>

<style type="text/css">

p.spread {word-spacing: 30px}

p.tight {word-spacing: -0.5em}

</style>

</head>

<body>

<p class="spread">This is some text. This is some text.</p>

<p class="tight">This is some text. This is some text.</p>

</body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11950530.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-19
下一篇 2023-05-19

发表评论

登录后才能评论

评论列表(0条)

保存