首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >将字体大小设置为div中的标头元素。

将字体大小设置为div中的标头元素。
EN

Stack Overflow用户
提问于 2014-11-07 04:41:16
回答 2查看 2.1K关注 0票数 1

我有一个包含2个<h3>元素的div,通过设置父div的font-size属性,我认为这会对我的头元素产生影响并对它们进行样式化(但它没有)。因此,我创建了下面的简单示例,并意识到将字体大小设置为父元素实际上是有效果的。(需要帮助理解CSS和字体大小是如何工作的.)

现场演示

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<div>
    <h1>Title</h1>
    <h2>Subtitle</h2>
    <p>paragraph text goes here...</p>
</div>
<button>add css rule</button>

CSS:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
div {
    font-family:sans-serif;
}

jQuery:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('button').on('click',function(){
    $('div').css('font-size','2em');
});
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-11-07 04:49:18

试一试,也许你就会明白发生了什么:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$('button').on('click',function(){
    $('div h1, div h2, div p').css('font-size','2em');
});

并参考这个很好的答案(如果需要: ):

https://stackoverflow.com/a/24153334/3603806

票数 2
EN

Stack Overflow用户

发布于 2014-11-07 05:02:19

在给定的情况下,在父元素上设置字体大小会影响标题的字体大小,因为标题被设置为2em。根据定义,在font-size属性值中,单元em表示父元素的字体大小。

例如,如果以ptpx单元设置标题元素的字体大小,则不受父元素字体大小的任何更改的影响。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26801470

复制
相关文章
设置和获取HTTP标头
%Net.HttpRequest的以下每个属性都包含具有相应名称的HTTP标头的值。如果不设置这些属性,则会自动计算它们:
用户7741497
2022/06/09
2.5K0
C++ 中的随机标头系列1
开启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第1天,点击查看活动详情
鲸落c
2022/11/28
1.4K0
C++ 中的随机标头系列1
soap 设置header 添加头元素 webservice wsdl
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/100558.html原文链接:
全栈程序员站长
2021/05/06
2.4K0
通过 HTTP 标头的 XSS
在某些情况下,在应用程序的一个 HTTP 标头中传递的信息未正确清理,并在请求页面的某处或另一端输出,从而导致 XSS 情况。
Khan安全团队
2022/03/09
2.1K0
通过主机标头的 XSS
在 IE 中处理重定向时有一个有趣的错误,它可以将任意字符插入到 Host 标头中。假设您有以下 http 响应:
Khan安全团队
2022/01/11
1.6K0
常见的HTTP标头介绍
在网络爬虫的实践过程中会遇到诸多挑战,被屏蔽是最令人头疼的一个。幸好,有许多技术可以帮助您免受IP屏蔽带来的影响,这其中,HTTP标头(HTTP Headers)的使用和优化是最有效的方法之一,但它往往也是最被大家低估的方法之一。
用户7850017
2022/05/07
1.1K0
常见的HTTP标头介绍
WPF 设置元素为 Collapsed 是否会创建此元素
在 WPF 的 XAML 中,如果将某个元素初始的时候设置 Visibility 为 Collapsed 的值,那么意味着这个元素将不会参与布局,就和不存在是一样的。那么这个元素是否会被创建在内存中?是会创建的
林德熙
2020/11/27
1.1K0
pycharm字体大小设置[通俗易懂]
今天刚装了pycharm,字体太小了,网上查了下,get大小设置:File->settings -> editor -> colors & fonts中设置,但是显示是灰色的,不能修改,再查资料,get:修改上面Scheme name,然后另存Sava As,随便一个名字,即可,然后即可修改字体大小。。。
全栈程序员站长
2022/09/25
4K0
pycharm字体大小设置[通俗易懂]
vscode设置字体大小和字体(vscode窗口字体大小设置)
第一步:首先打开vscode,在vscode的左下角有一个设置按钮,单机打开,选择settings选项
全栈程序员站长
2022/08/02
24K0
vscode设置字体大小和字体(vscode窗口字体大小设置)
将 Vim 设置为 Rust IDE
Rust 语言旨在以 C++ 开发人员熟悉的方式实现具有安全并发性和高内存性能的系统编程。它也是 Stack Overflow 的 2019 年开发人员调查中最受欢迎的编程语言之一。
用户8639654
2021/09/15
1.8K0
CSS 为没有内容的元素设置样式 :not(:empty)
当我们想要根据元素内部是否有内容来显示特定的样式时 我们可以使用 :not 与:empty 结合来实现这个效果 代码如下 .handle_menu_content:not(:empty){ width: 90px; position: fixed; z-index: 999999; top: 0; z-index: 9999999; left: 38px; background: #fff; border-r
拿我格子衫来
2022/01/24
1.8K0
MyEclipse的字体大小设置(附图)
选择General → Appearance → Colors and Fonts → Basic → Text Font
是阿超
2021/10/15
1.6K0
怎样将Anaconda设置为国内的镜像
“ Anaconda是世界上最流行的数据分析平台(它们官网自己吹的nb),如果把镜像改为国内的可以节省很多时间。”
讲编程的高老师
2020/08/14
7.4K1
PHPstorm设置字体大小
PhpStorm 是 JetBrains 公司开发的一款商业的 PHP 集成开发工具,旨在提高用户效率,可深刻理解用户的编码,提供智能代码补全,快速导航以及即时错误检查。 它的功能有很多,在这里我只介绍智能PHP编辑器的功能; 功能如下: ● PHP代码补全。 ● 智能的重复编码检测器。 ● PHP重构。 ● 支持Smarty和PHPDoc。 ● 支持多语言混合。 一款优秀的代码编辑器可以提高程序员用户的工作效率,快速方便得进行大型编程。那么对于初次使用phpstorm的新手来说,可能还不太清楚phpstorm的基础设置,比如字体大小及样式。不论是在工作中还是学习中,安装完初次打开,字体都看着很不舒服,大家也都知道变换字体的大小是在文件中,但是那都是英文,有许多我们不认识的,这就加大了难度,有人会说把这个PhpStorm 软件给汉化一下,其实我认为没必要去汉化,汉化后的PhpStorm软件很多功能无法实现,很多快捷键和设置和一些功能都打不开,所以还是乖乖使用英文版的吧。 下面我们就给大家介绍如何设置修改phpstorm中的字体大小及样式。 一、设置代码编辑区域的字体(字体大小、样式) 首先我们找到File并打开设置settings选项,如图所示:(打开后是这样的)
超级小可爱
2023/02/20
3.8K0
【CSS】使用绝对定位 / 浮动解决外边距塌陷问题 ( 为父容器 / 子元素设置内边距 / 边框 | 为子元素设置浮动 | 为子元素设置绝对定位 )
如果 子盒子设置 100 像素的外边距 , 父盒子也会被带下来 , 这就是外边距塌陷 ;
韩曙亮
2023/04/16
1.4K0
【CSS】使用绝对定位 / 浮动解决外边距塌陷问题 ( 为父容器 / 子元素设置内边距 / 边框 | 为子元素设置浮动 | 为子元素设置绝对定位 )
Intellij IDEA 设置字体大小
File—>settings(ctrl+Alt+s)—>Editor—>Font—>size 设置字体大小—>Apply—>ok 即可
全栈程序员站长
2022/07/01
11.1K0
Intellij IDEA 设置字体大小
WebStorm如何设置字体大小
由于最近要练习一些js代码,特地装了WebStorm,但是发现字体太小,因此将已知的两种方法整理出来。
全栈程序员站长
2022/07/01
5.1K0
WebStorm如何设置字体大小
go: kafka 将group设置为最新
有时,在确保group当前没有consumer的情况下,可以将这个group的偏移设置成最新,以保证下次启动时,group能从最新的消息消费。 代码:
超级大猪
2019/11/21
2.1K0
Latex设置字体大小及表格中的文字大小等
Latex中遇到表格超出半个分栏的情况,可以考虑将表格中的字体设小来解决,方法如下:
狼啸风云
2020/10/09
14.2K0
【CSS】通过定位修改 display 显示模式 ( Display 显示模式转换 | inline-block 改块元素为行内块元素示例 | 为块元素设置浮动 | 为块元素设置定位 )
行内盒子 , 一旦使用了 浮动 / 绝对定位 / 固定定位 就可以将该盒子看做 行内块元素 盒子 , 为该盒子设置宽高等属性 ;
韩曙亮
2023/04/16
1.3K0
【CSS】通过定位修改 display 显示模式 ( Display 显示模式转换 | inline-block 改块元素为行内块元素示例 | 为块元素设置浮动 | 为块元素设置定位 )

相似问题

设置为内联的标头元素在容器div之外展开。

25

将div元素粘贴到标头元素的底部。

13

将div大小设置为标头div的百分比。

13

将token设置为angular中的标头

224

试图通过javascript设置标头的字体大小

32
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文