老师,这两张图片的里文字,为什么一个字放在h2里,一个字放在div里?

来源:1-1 初识JavaScript

慕娘6485810

2023-01-28 19:07:43


63d501ba0001048212160912.jpg
这是视频中该图片的代码63d501cf00018e8a12160912.jpg
63d501dd000116a612160912.jpg
这个是该图片的代码63d501ec0001165112160912.jpg第二个图片的字为什么要放在一个单独的div里,放在span里可以吗?
写回答

1回答

imooc_慕慕

2023-01-29

同学你好,这里第一张图字体偏大同时也可以看做是一个标题因此可以使用标题标签,同时也省去了设置字体大小的代码。第二张图中的文字写在div中可以根据设计稿结合的来看,如果和页面上的其他字体一样设置一个公共的字体大小就可以了也可以简化代码。

第二张图中的文字可以写在span标签中但是建议使用div标签,由于div标签是块元素独占一行可以设置宽高,那么包裹文字的盒子即div可以直接设置宽高和背景色。如果用span标签需要去转换为块元素然后再设置宽高。

祝学习愉快~

0

前端工程师

前端入门如同写字,如果你不知道从哪开始,那就选择前端(含Vue3.x,React17,TS)

20327 学习 · 17877 问题

查看课程