css字体设置相关属性

最新推荐文章于 2022-10-19 08:37:46 发布

HelloWorldLzz

最新推荐文章于 2022-10-19 08:37:46 发布

阅读量1.1k

点赞数

分类专栏： H5 基础文章标签： html 标签计算机 css

本文链接：https://blog.csdn.net/qq_38246635/article/details/75040573

版权

H5 基础专栏收录该内容

19 篇文章 0 订阅

订阅专栏

css字体相关属性
Font-family：字体名称
Font-size：字体的大小
Font-style：字形如斜体
Fong-variant 字体变化如大写
Font-weight字体粗细
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
<style type="text/css">
p{
font-family: 楷体;
font-size: 76px;
font-style:oblique;
font-variant: small-caps;
font-weight: 900;
}
</style>
</head>
<body>
<p>字体演示qw</p>
</body>

可以简写
Font-style font-variant font –weight font-size font-family 前三个可以省略使用默认值，font-size和family必须指定值。这种书写方式更加简洁。
font:120px 楷体;

css文本相关属性
文本相关的实行主要包括颜色、对齐方式、修饰等等。
Color：设置文本的颜色
<style type="text/css">
p{
color: red;
}
</style>
Text-decoration标签:
None:默认值什么都没有
Underline:下划线
Overline：在上方加一条线
Line-through：删除线（在字的中间加一条线）
Text-shadow:加阴影
text-shadow: -4px -6px yellow;
第一个px代表阴影水平也就是左右移动距离，第二个px则是竖直也就是上下移动。
Direction标签:方向
Ltr:left to right从左到右
Rtl:right to left 从右到左
Text-align标签：水平对齐方式
Left左对齐 right右对齐 center居中对齐 justify两端对齐
Vertical-align标签垂直对齐方式
Top 靠上方bottom靠下对齐 middle靠中对齐
Text-indent标签缩进
Letter-spacing：字符（abc）之间的距离
Word-spacing: 字和字（hello和hi）之间的距离
Line-height：设置行高，实际是调整行间距。