Fatal编程技术网
  • css/
  • Css 关于线高度的几个问题

Css 关于线高度的几个问题

css

Css 关于线高度的几个问题,css,xhtml,Css,Xhtml,像font size这样的浏览器的默认行高是16px 我应该为哪些HTML元素定义行高，哪些不应该 给主体{}指定线条高度的原因是什么 行高是否会影响单行文本 如果我在em中使用字体，那么我是否也应该在em中使用行高 行高和字体大小之间的关系是什么？通常是默认行高（相对于元素使用的字体大小） 您应该在CSS中设置默认的行高，然后仅在页面中的行高需要与此不同时修改它 当您要求标记中的文本具有指定的行高时 我不明白这个问题 除非你需要 如果使用em指定行高，则高度将与字体大小成比例。通常为默认行高（

像
font size
这样的浏览器的默认
行高是
16px

我应该为哪些HTML元素定义
行高
，哪些不应该

给
主体{}
指定线条高度的原因是什么


行高是否会影响单行文本

如果我在
em
中使用字体，那么我是否也应该在
em
中使用
行高


行高
和
字体大小
之间的关系是什么？
通常是默认行高（相对于元素使用的字体大小）

您应该在CSS中设置默认的行高，然后仅在页面中的行高需要与此不同时修改它

当您要求标记中的文本具有指定的行高时

我不明白这个问题

除非你需要


如果使用em指定行高，则高度将与字体大小成比例。
通常为默认行高（相对于元素使用的字体大小）

您应该在CSS中设置默认的行高，然后仅在页面中的行高需要与此不同时修改它

当您要求标记中的文本具有指定的行高时

我不明白这个问题

除非你需要


如果使用em指定行高，高度将与字体大小成比例。
行高很简单，就是一行文本的高度，但它也适用于显示样式为
内联的元素


这相当于引入打印排版。通常情况下，您希望文本行之间有一点空间，通常您会看到网站应用的总行高为1.4或1.2。值为1.4表示他们希望行高为文本高度的140%。如果行高设置为（或保留为）1，那么奇怪的事情就会发生。当你看到一个斜体字替换了整行（使它看起来不均匀）时，就是这样。
行高很简单，就是一行文本的高度，但它也适用于显示样式为
内联的元素


这相当于引入打印排版。通常情况下，您希望文本行之间有一点空间，通常您会看到网站应用的总行高为1.4或1.2。值为1.4表示他们希望行高为文本高度的140%。如果行高设置为（或保留为）1，那么奇怪的事情就会发生。当你看到一个斜体字取代了整行（使它看起来不均匀）时，就是这样的情况。
根据我的经验，常见的默认行高似乎接近1.2（对于16px字体（16*1.2）来说是~19px领先）.在一些浏览器版本中，它大约是1.1-但我不记得在这个范围之外见过它

line height属性是从父级继承到子级的，因此在
上指定行高将影响页面上的所有元素，但设置了自己的line height属性的元素及其子元素除外。（请参见下面的示例）

行高会影响每个字符占用的高度-因此，行高也会影响单行文本元素

线条高度有三种基本风格：


  • “相对的”/“无单位的”（例如
    1.2
    ）
    • 

  • “固定”（例如
    14px
    ）
    • 

  • “固定相对”（例如
    1.2em
    ）
    • 
相对（无单位）值将根据其字体大小按比例应用于所有元素的等效行高。
同时，固定值（
    px
    ）不会随字体大小而改变
    
有关“固定相对”变量（“em”值）的解释，请参阅Eric Meyer的博客文章“”
    
每种口味都有它在世界上的位置。：-）
    
以下是这三个方面的一个简短示例：
    

    body {
  font-size: 12px;
  line-height: 1.5;
}
small {
  font-size: 10px;
}
div {
  line-height: 21px;
}
p {
  line-height: 2em;
}

...

<body>
  one
  <small>two</small>
  <div>
    three
    <small>four</small>
  </div>
  <p>
    five
    <small>six</small>
  </p>
</body>

    

    正文{
字体大小：12px；
线高：1.5；
}
小的{
字体大小：10px；
}
div{
线高：21px；
}
p{
线高：2米；
}
...
一
二
三
四

五
六

    

    
上面示例中的每个单词都有以下行高（翻译成
    px
    ）
    

      

    • “一”==18px（是
      正文的12px
      字体大小的1.5倍）
      • 

    • “两个”==15px（小字体的10px
      font size
      的1.5倍）
      • 

    • “三个”==21px（固定
      px
      value）
      • 

    • 'four'==21px（从
      div
      继承一个固定的
      px
      值）
      • 

    • “五”==24px（是
      p
      的12px
      字体大小的2倍（继承自
      body
      ）
      • 

    • “六”==24px（从
      p
      继承一个（固定的）预先计算的值）
      • 

    根据我的经验，一个常见的默认行高似乎接近1.2（对于16px字体（16*1.2），这将是~19px的领先值）。在一些浏览器版本中，它大约是1.1-但我不记得在该范围之外见过它
    
line height属性是从父级继承到子级的，因此在
    上指定行高将影响页面上的所有元素，但设置了自己的line height属性的元素及其子元素除外。（请参见下面的示例）
    
行高会影响每个字符占用的高度-因此，行高也会影响单行文本元素
    
线条高度有三种基本风格：
    

  • “相对的”/“无单位的”（例如
    1.2
    ）
    • 

  • “固定”（例如
    14px
    ）
    • 

  • “固定相对”（例如
    1.2em
    ）
    • 
相对（无单位）值将根据其字体大小按比例应用于所有元素的等效行高。
同时，固定值（
    px
    ）不会随字体大小而改变
    
有关“固定相对”变量（“em”值）的解释，请参阅Eric Meyer的博客文章