首页 前端知识 HTML(9)——字体修饰

HTML(9)——字体修饰

2024-09-14 23:09:25 前端知识 前端哥 471 995 我要收藏

常用的字体修饰属性

属性描述
font-size字体大小  单位:数字+px
font-weight字体粗细  单位:数字
font-style                                        字体倾斜 
line-height行高  单位:数字+px/数字(当前size的倍数)
font-family字体族
font字体复合属性
text-indent文本缩进
text-align文本对齐
text-decoration修饰线
color颜色

事项 

行高

行高实际由上间距+文本高度+下间距

测量方法:从一行文字的最顶端到下一行文字的最顶端。

单行文字想要垂直居中时,可以设置行高属性值与盒子高度属性值一致。

字体族

font-family属性值可以书写多个字体名用逗号隔开,依次从左到右查找。

复合属性

属性的简写方式,一个属性对应多个值的写法,各个属性值之间用空格隔开。(必须按顺序书写)

font:是否倾斜 是否加粗 字号/行高 字体

注:字号和字体必须书写,否则font不生效 

 文本缩进

属性名:text-indent

属性值:

  • 数字+px
  • 数字+em   (1em表示当前标签的字号大小)

文本对齐方式 

作用:控制内容水平对齐方式

属性名:text-align

属性值效果
left左对齐(默认)
center居中对齐
right右对齐

想让图片居中,可以给图片加一个父级标签例如<div>设置居中

修饰线 

属性名:text-decoration

属性值效果
none
underline下划线
line-through删除线
overline上划线

color文字颜色

写法:

颜色表示方法属性值说明
颜色关键字颜色的英文单词
rgb表示法rgb(r,g,b)r,g,b表示红绿蓝,取值0-255
rgba表示法rgba(r,g,b,a)a表示透明度,取值0-1
十六进制表示法#RRGGBB两两一组表示红绿蓝

如果一组当中两个数是一样的,可以简写为一位数:例如#00ffcc简写为#0fc

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18305.html
标签
评论
发布的文章

关于HTML的知识

2024-09-18 23:09:36

js简单实现轮播图效果

2024-09-18 23:09:36

CSS3美化网页元素

2024-09-18 23:09:27

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!