Html 在不同的代码区域使用Chrome CSS中的行高
我正在学习CSS for HTML中Html 在不同的代码区域使用Chrome CSS中的行高,html,css,Html,Css,我正在学习CSS for HTML中行高和字体大小的作用 我最初为p标记定义了CSS(也在代码片段中显示): 但是,我后来在代码块中决定,我可能希望将行高改为2.0,因此我随后跟随了一位讲师,他也这样做了,并在我的Udemy上产生了所需的结果: p { line-height:2.0; } 我有点困惑。我想如果我在代码后面再次声明行高,它将更改为我声明的新值,即2.0,而不是1.0 我使用的是Chrome版本70,但我一直不明白为什么会出现这种效果 /*字体系列*/ * { -web
行高
和字体大小
的作用
我最初为p
标记定义了CSS(也在代码片段中显示):
但是,我后来在代码块中决定,我可能希望将行高改为2.0
,因此我随后跟随了一位讲师,他也这样做了,并在我的Udemy上产生了所需的结果:
p {
line-height:2.0;
}
我有点困惑。我想如果我在代码后面再次声明行高
,它将更改为我声明的新值,即2.0
,而不是1.0
我使用的是Chrome版本70,但我一直不明白为什么会出现这种效果
/*字体系列*/
* {
-webkit文本大小调整:无;
}
p{
字体系列:Arial;
}
h1{
字体系列:格鲁吉亚;
}
h1{
/*字体大小:200px*/
/*字体大小:em*/
/*em是相对字体大小*/
}
/*字号*/
身体{
字体大小:10px;
}
h1{
字体大小:5.0em;
}
p{
字号:2.0em;
字体大小:粗体;
线高:1.0;
}
跨度{
字号:2.0em;
}
/*将相对于其所在元素的大小加倍*/\
/*现在跨度是80px(40x2)*/
/*默认px端大约为16px*/
/*您可以在正文中设置默认值*/
/*线条高度控制给定线条的高度*/
p{
线高:2.0;
}
字体
字体演示页面
乱数假文。
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡
避免对不在多行中打断的文本元素使用行高,因为您放置的高度将优先于高度,如果行高大于高度,它将覆盖该高度,并且有时会通过尝试编辑该大小而造成混乱,而不会影响注释。您有一个打断的注释
/*doubles the size relative to the element it is inside */\
因此,下一条规则将无法应用
一旦你解决了这个问题,我想你会得到你期望的结果
/*字体系列*/
* {
-webkit文本大小调整:无;
}
p{
字体系列:Arial;
}
h1{
字体系列:格鲁吉亚;
}
h1{
/*字体大小:200px*/
/*字体大小:em*/
/*em是相对字体大小*/
}
/*字号*/
身体{
字体大小:10px;
}
h1{
字体大小:5.0em;
}
p{
字号:2.0em;
字体大小:粗体;
线高:1.0;
}
跨度{
字号:2.0em;
}
/*将相对于其所在元素的大小加倍*/
/*现在跨度是80px(40x2)*/
/*默认px端大约为16px*/
/*您可以在正文中设置默认值*/
/*线条高度控制给定线条的高度*/
p{
线高:2.0;
}
字体演示页面
乱数假文。
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。酒后驾车
如果你是一个不受欢迎的人,那么你就可以在一个不受欢迎的地方。除偶尔因疏忽而死亡外,不得因疏忽而导致动物死亡
知识产权是一种权利,是一种精英的权利,是劳动和财富的暂时性权利。但是,在最低限度上,我们需要一个实验室来进行日常工作。二人世界
这是一种令人厌恶的行为,因为它是一种不平等的行为。除了圣奥卡特·库皮达特(sint Occaet Cupidat)不自卑,还必须为莫利特·阿尼姆(mollit anim id)付出代价。
为什么不在第一个街区更新p
的原始样式呢?我的主人,这个CSS真是一个后遗症!哈哈哈,非常感谢!只有下一条规则将无法应用。不是所有的CSS都在下面。谢谢你的更正@Alohci@BobSmithCSS应该像那样默默地失败,这太糟糕了。如果遇到奇怪的问题,可以偶尔通过验证程序运行CSS。使用代码编辑工具突出显示语法。这将让你看到你在哪里犯了错误,比如没有正确地结束评论。
/*doubles the size relative to the element it is inside */\