元素定位后font连写不继承行高问题

最新推荐文章于 2022-10-14 10:54:56 发布
最新推荐文章于 2022-10-14 10:54:56 发布
阅读量313 收藏
点赞数
文章标签： html css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Ercy_CN/article/details/103730638
版权

给父盒子指定行高，让子盒子继承行高。
在这里插入图片描述
此时效果如下：
在这里插入图片描述
如果给子元素加绝对定位
给父元素加相对定位，子元素加绝对定位
子元素不会继承父元素的行高
此时font连写，子元素不会继承父元素的行高，如过此时子元素font分开写
子元素font属性不连写
font正常继承父盒子行高
若子元素font属性分开写就会正常继承父元素行高。
暂时不清楚原因，原因大佬讲解

Ercy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
font属性、字体、文本样式的介绍以及使用方法
m0_58600615的博客
08-10 8726
字体样式的属性可以连在一起写，书写的方式是有顺序区分的font : style weight size family,如果要省略的话只能省略前两个样式，size和family这两个值是必须设置的，省略的值会自动使用默认的值，如果font-size或其它font属性要分开设置的话，最好设置在font连写属性的后面，不然会被font属性的默认值覆盖的。font-family属性，用于控制文字的类型，比如 宋体、楷体、微软雅黑等，值就是字体的名字，取值方式为字体1，字体2，字体3…...
CSS day_05(6.16) 高度坍塌问题、元素定位、文本处理、CSS样式重置
m0_70328115的博客
06-20 296
高度坍塌问题、元素定位、文本处理、CSS样式重置
HTML中font标签用法
热门推荐
风吹落叶的博客
09-22 2万+
定义 font属性用于设置文字的复合属性 ：文本的正斜、字体粗细、字体大小、字体、字体尺寸。 1.font-style:设置字体风格 区别：在html中来实现字体倾斜除了用 i 和 em 标签，可以使用CSS 来实现，但是CSS 是没有语义的。 属性 作用 normal 默认值，浏览器会显示标准的字体样式 font-style: normal; italic 浏览器会显示斜体的字体样式。 2.font-weight:设置字体粗细 区别：在html中使用 b 和 strong
前端学习三——css
qq_38393535的博客
04-05 697
前端学习三——css引入CSS样式表行内式内部样式表外部样式表CSS选择器标签选择器类选择器id选择器id选择器和类选择器区别通配符选择器css字体font字体font-size:大小font-family:字体font-weight:字体粗结font-style:字体风格font:综合设置字体样式(重点)font总结css外观属性color 文本颜色text-align 文本水平对齐方式line-height 行间距text-indent首行缩进text-decoration文本装饰css外观属性总结su
CSS-51：行高的继承
臧小川的博客
10-14 201
行高的继承 body {
CSS的优先级和继承问题
小浩
01-21 2344
CSS的优先级和继承问题 ★CSS的冲突,即优先级 CSS本身的设置可以同时应用多个样式在同一个元素，此时样式之间可能出现冲突而达不到用户所想要的效果。 ★解决CSS冲突的优先级规则： ● CSS层叠样式表引入方法的优先级：内联式>内嵌式>链接式>导入式 ● 在多个外部样式中，后出现的样式的优先级高于先出现的样式，也就是俗称的覆盖 ● 在样式中，选择器的优先级：ID样式>class
html兼容模式下不显示图片,HTML 邮件兼容问题与解决方案
weixin_35763448的博客
06-04 647
HTM年有这只制明个手近天点里要它出水机近天点L 邮件内容虽然也是 HTML，但是和我们在网页上使用的 HTML 不同，因为安全原因，各大邮箱服务商及邮件客户端都会对邮件内容进行一定程度上的处理，不会按照你写的原本 HT不事时功来这制请例在屏随会和时实于幻近支前我能又些器求如浏蔽机和滚兼现的灯近支前我能又些器求如浏蔽机和滚兼现的灯近支前我能又些器求如浏蔽机和滚兼现的灯近支前我能又些器求如浏蔽机和滚...
CSS有哪些属性可以继承？
IT修真院：初学者转行到互联网的聚集地
06-03 4935
这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【CSS有哪些属性可以继承？ 】 1.背景介绍 了解css样式表的继承，我们先从文档树（HTML DOM）开始，文档树由HTML元素组成,文档树和家族树类似，也有祖先、后代、父亲、孩子、兄弟 ...
html兼容模式下不显示图片,HTML邮件兼容问题与解决方案
weixin_39984442的博客
06-04 873
问题描述：今天给后端同学写了一个邮箱发送页面，由于之前没有这方面的经验，很多标签都是用最新的H5标签，样式也是很多C3样式，当时还考虑到IE低版本的兼容性，谁知道在浏览器中显示正常，在移动端显示就好像没有引入样式一样，反复查看代码感觉没啥毛病，最后在网上S了下，才焕然大悟。原来HTML 邮件内容虽然也是 HTML，但是和我们在网页上使用的 HTML 不同，因为安全原因，各大邮箱服务商及邮件客户端都...
如何让元素不继承父元素的宽度或者高度
makelucky的博客
11-06 1万+
此时有可能是元素为block，设置为inline或着inline-block 即可
盒子集成weith，不继承height
只作为个人备忘录
01-29 534
.fa{ background-color:pink; width:300px; height:200px; } .son{ background-color:blue; } 111
CSS里与字体有关的属性以及字体属性连写
microcosmv的博客
10-05 6241
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div { color: red; font-size: 30px; font-weight: bo
css中font的简写方式
学习也休闲
01-07 2150
一、字体属性主要包括下面几个 font-family，font-style，font-variant，font-weight，font-size，font font-family（字体族）: “Arial”、“Times New Roman”、“宋体”、“黑体”等; font-style（字体样式）: normal（正常）、italic（斜体）或oblique（倾斜）; font-
重新认识font-size、line-height和行高
u010250808的博客
10-25 9070
重新认识font-size、line-height和行高line-height，font-size均是css格式中很常设置的样式，这两个样式会对元素产生什么影响呢？从样式的名字来看，分别代表行高和字体大小的意思，那么line-height真的等于行高吗？font-size又是否和行高有关系呢？基本定义首先来看一些术语的基本定义 line-height：line-height属性是指文本行基线之间的距
连写
weixin_41121818的博客
10-24 408
    font：font-style  font-weight  font-size/line-height  font-family； 字体连写至少要有font-size和font-family,否则表达式无效  color 字体颜色, font-size 文字大小,font-family 字体 font-weight 字体加粗与否( bold 加粗  normal 正常)    ...
font 的相关了解
董无敌啊
03-11 368
font 的相关了解 font 的字体连写 font:italic 900 16px/50px "微软雅黑"; font-style font-weight font-size/line-height font-family 在这里要注意行高的问题，如果需要设置行高以及字体，最好连体设置，否则在前边设置行高，又在后边连写font，就会把前边设置的行高按照font-size计
CSS中行高的继承和单位之间的关系
喵喵的博客
05-16 904
我们知道行高是可以继承的并且行高的单位有四种情况。 1具体像素值 如：line-height: 16px; 2 em em是指当前标签设置的字体大小，比如当前标签字体大小是16px，那么2em = 32px； 3 % %与em一样都是以当前标签设置的字体大小为基准，比如当前标签字体大小是16px，那么line-height: 200%; 则字体大小为32px; 4什么单位都不带。 ...
div子元素不继承父元素（opacity）的解决方法
duancsdn的博客
11-27 4928
给父元素设置了背景颜色加透明 background-color: #000; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); 1 2 3 4 发现效果是子元素也继承了父元素的属性 字也变的透明，如果不希望这样，可以把上面的代码用下面的代码来代替 background: rgba(0,0,0,.3); 1 效果如下图 这样字体就...
css font中的行高用px怎么写
最新发布
06-10
在 CSS 中，行高的值可以使用像素（px）单位进行设置。如果要将行高设置为像素值，可以直接将像素值作为行高的属性值。例如： ``` font: bold 16px/24px Arial; ``` 这个示例将字体的大小设置为 16px，行高设置为 24px，也就是说，每行文字之间的距离是 24 像素。需要注意的是，行高的值可以使用多种单位，包括像素、百分比、em 等等，具体使用哪种单位取决于设计需求和实际情况。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值