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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)