养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

DIV内字体如何设置

时间:2024-10-17 12:37:32

在前端网页制作中在div内设置字体的各种样式是必不可少的,那么怎么设置呢?本文将详细说明一下DIV内字体如何设置,适用于所有的前端开发,详细步骤如下。

工具/原料

html+css

html编辑器sublime_text

方法/步骤

1、首先分析下字体嘀芟苒疾有什么属性?字体大小,字体系列,字体颜色,字体风格,字体加粗等众多属性,然后我们前往css官网查询一下属性具体怎么控制样式和使用方法,详细的请看下图

DIV内字体如何设置

2、为了更加详细的说明DIV内字体如何设置,我们使用一个html编辑器sublime_text进行代码的编辑(其他也行,没有强制要求),详细如下图

DIV内字体如何设置

3、首先我们新建一个例子,在html中创建一个div盒子,然后在div里面添加一段文字“你好我是新手abc”,详细代码和效果如下图

DIV内字体如何设置

DIV内字体如何设置

4、然后我们开始使用css来控制字体了首先我们使用font-size:20px;控遄咿湫幼制字体大小为20pxfont-family:"微软雅黑媪青怍牙";控制字体风格font-style:oblique;控制字体为斜体color:red;控制字体为红色我们就使用这几个作为例子,详细的代码如下。

DIV内字体如何设置

5、最后我们使用网页打开html文件,下图的效果出现了上面第4步所有出现的样式,字体不只上面几种样式,大家可以自行前往官网查看其他的属性,最后附上实现的效果。

DIV内字体如何设置

© 一点知识