前端开发:字体属性

ops/2025/1/14 23:12:12/

1.设置字体家族

也就是使用宋体还是微软雅黑

2.设置字体大小

3.设置字体颜色

4.设置字体粗细

5.设置文字样式

<style>

        div{

            font-family: '宋体';        //设置字体家族

            font-size:50px;        //设置字体大小

            color:red;                //设置字体颜色;这三种方式都可以

            color: #1ecd79;

            color:rgb(255,0,0);

            font-weight: bold;        //将字体变粗

            font-weight: 100;        //也可以使用数值控制

            font-weight: lighter;    //将字体变细

        }

</style>

<div>这是宋体</div>

 6.将字体变倾斜

/* 设置倾斜 */
font-style : italic ;
/* 取消倾斜 */
font-style : normal ;

7.文本对齐

控制文字水平方向的对齐
text-align : [ 值];        align:对齐方式
常见的有这几种,其他请看菜鸟教程的html的css教程;
center: 居中对齐
left: 左对齐
right: 右对齐

8. 首行缩进

text-indent : [ 值];        indent:缩进(行、段落、列表等)
单位可以使用 px 或者 em.
使用 em 作为单位更好 . 1 em 就是当前元素的文字大小 .
缩进可以是负的 , 表示往左缩进 . ( 会导致文字就冒出去了 )

9.文本装饰 

text-decoration : [ 值];         decoration:装饰、装修、装束物;
更多值请看菜鸟教程:
underline 下划线 . [ 常用 ]
none 啥都没有 . 可以给 a 标签去掉下划线 .
overline 上划线 . [ 不常用 ]
line-through 删除线 [ 不常用 ]

10.行高 

line-height : [ ];
: 行高 = 上边距 + 下边距 + 字体大小
HTML 中展示文字涉及到这几个基准线 :
顶线 、中线 、基线 ( 相当于英语四线格的倒数第二条线 ) 、底线

http://www.ppmy.cn/ops/150131.html

相关文章

如何理解机器学习中的向量 ?

在机器学习中&#xff0c;向量是一个核心概念&#xff0c;用于表示数据、特征或其他数学结构。向量是线性代数的基本对象&#xff0c;在机器学习中&#xff0c;它的意义超越了纯数学的定义&#xff0c;承载着信息的表示、计算和模型学习等重要功能。以下是对机器学习中向量的详…

合洁科技:晶圆洁净车间的净化空调系统和一般空调系统有何区别

电子洁净车间的净化空调系统和一般空调系统之间存在显著差异&#xff0c;这些差异主要体现在空气处理过程、空气过滤要求、室内压力控制、气流组织、换气次数以及能耗方面。以下是具体的对比&#xff0c;随合洁科技电子净化工程公司一起来了解下吧! 一、空气处理过程 净化空调系…

精选2款.NET开源的博客系统

前言 博客系统是一个便于用户创建、管理和分享博客内容的在线平台&#xff0c;今天大姚给大家分享2款.NET开源的博客系统。 StarBlog StarBlog是一个支持Markdown导入的开源博客系统&#xff0c;后端基于最新的.Net6和Asp.Net Core框架&#xff0c;遵循RESTFul接口规范&…

字符串算法篇——字里乾坤,算法织梦,解构字符串的艺术(上)

文章目录 引言&#xff1a;一场字符与算法的交响曲第一章&#xff1a;从匹配到理解——字符串的基础算法1.1 暴力搜索&#xff1a;逐字逐句的匠人精神1.2 KMP算法&#xff1a;文字间的优雅跳跃 第二章&#xff1a;字符串的变形之术——编辑与构造第三章&#xff1a;应用与未来—…

【解决方案】Golang结构体传0被忽略

【解决方案】Golang结构体传0被忽略 在 Go 语言中&#xff0c;当结构体字段标记为 omitempty 时&#xff0c;在将结构体序列化为 JSON 或其他格式时&#xff0c;如果字段的零值&#xff08;比如数字类型的0、字符串类型的空字符串等&#xff09;会被忽略&#xff0c;不会被序列…

【Uniapp-Vue3】插槽Slots及具名插槽实现组件高度定制化

插槽就像挖了一个坑&#xff0c;在使用插槽的时候可以根据自己的需要放白萝卜还是胡萝卜。 一、放置插槽 该组件为user-layout一般我们的页面布局的头部和底部都不会变&#xff0c;只会改变中间部分&#xff0c;所以我们给中间部分留一个slot插槽&#xff1a; 二、使用插槽 …

SQL Server查询计划操作符——查询计划相关操作符(3)

7.3. 查询计划相关操作符 19)Collapse:该操作符对更改处理进行优化。当执行一个更改时,其能被劈成(用Split操作符)一个删除和一个插入。其参数列包含一个确定一系列键值字段的GROUP BY:()子句。如果查询处理器遇到删除和插入相同键值的毗邻行,其将用一个更高效的更改操作…

1月11日

[WUSTCTF2020]CV Maker 可以看到有个注册页面&#xff0c;尝试注册一个用户登进去看看 进来后第一眼就看到文件上传&#xff0c;尝试上传&#xff0c;上传php后返回了 文件上传后端检测exif_imagetype()函数 他提示不是image&#xff0c;也就是需要我们构造一个文件头为图像类…