div字体大小设置 css设置div中字体大小尺寸样式设置篇

在css div布局中常常对div字体大小设置,这篇ThinkCSS为大家介绍div中字体大小尺寸样式设置,通过直接在div标签加字体大小属性样式和对div加class设置外部CSS字体大小样式,让大家掌握div内字体大小样式设置。

一、div字体尺寸大小使用什么CSS单词?- 字体大小设置CSS单词

无论哪种方式对字体大小设置,都要用到字体尺寸大小样式单词为font-size。

二、两种div里字体大小实例

这里为大家介绍两种对div字体大小样式设置,通过小实例让大家掌握div内字体尺寸大小布局实现。

1、div字体大小布局实例说明

一种直接对div标签内使用style设置font-size字体大小属性来实现(通俗称为div标签内直接设置字体大小样式);另外一种对div使用class设置外部CSS font-size来实现字体大小(通俗称为外部样式实现字体大小布局)。这里是对DIV使用class类方式实现字体大小设置,当然也可以使用id来实现文字大小,只是一般小局部小实例使用class比较好。

2、div的文字大小实例代码

div文字大小实例 在线演示 ThinkCSS

.example{font-size:18px}

/* 设置一个命名为example类(使用class=example)字体大小为18px */

我在div内,直接div加style设置字体大小为22px
我在div内,使用外部样式设置字体大小为18px

这里是两种对div内文字实现字体大小样式设置CSS+HTML代码。

3、字体大小实例截图

112026512_1_2017092704294077.png

div字体大小CSS样式布局实例,div设置字体大小截图

4、在线演示与打包下载

div内文字的字体大小设置实例在线演示

div内文字的字体大小设置实例打包下载

三、div里字体大小样式设置小结

无论对什么对象或标签设置CSS字体大小,均使用font-size样式实现布局,根据需求选择标签内直接使用字体大小font-size样式,或使用外部CSS实现DIV中字体大小。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐