Heim >Web-Frontend >HTML-Tutorial >So legen Sie die Schriftfarbgröße in HTML fest

So legen Sie die Schriftfarbgröße in HTML fest

下次还敢
下次还敢Original
2024-04-11 13:16:191357Durchsuche

Schriftfarbe und -größe über CSS-Stile in HTML festlegen. Die Schriftfarbe wird mithilfe der Farbeigenschaft angegeben, die als Hexadezimalcode, RGB-Wert oder Farbname angegeben werden kann. Die Schriftgröße wird mithilfe der Eigenschaft „font-size“ angegeben, die in absoluten oder relativen Einheiten angegeben werden kann, einschließlich Pixel, Ems, Rem und Prozentsätzen.

So legen Sie die Schriftfarbgröße in HTML fest

So legen Sie Schriftfarbe und -größe in HTML fest

In HTML können Sie CSS-Stile verwenden, um Schriftfarbe und -größe festzulegen.

Schriftfarbe

Verwenden Sie das Attribut color, um die Schriftfarbe festzulegen. Farben können angegeben werden als: color 属性设置字体颜色。颜色可以指定为:

  • 十六进制代码,以 # 开头,例如:#ff0000(红色)
  • RGB 值,例如:rgb(255, 0, 0)(红色)
  • 颜色名称,例如:redbluegreen

示例:

<code class="html"><p style="color: #ff0000;">这是红色的文本。</p>
<p style="color: rgb(0, 0, 255);">这是蓝色的文本。</p>
<p style="color: green;">这是绿色的文本。</p></code>

字体大小

使用 font-size 属性设置字体大小。字体大小可以指定为:

  • 绝对单位,例如:px(像素)、em(相对单位)、rem(相对于根元素的单位)
  • 相对单位,例如:%
    • Hex-Codes, beginnend mit #, zum Beispiel: #ff0000 (rot)
    • RGB-Werte, für Beispiel: rgb(255, 0, 0) (rot)
  • Farbname, zum Beispiel: rot, blau, grün

    Beispiel: 🎜🎜
    <code class="html"><p style="font-size: 20px;">这是 20 像素大小的文本。</p>
    <p style="font-size: 1.5em;">这是相对于父元素大小 1.5 倍的文本。</p>
    <p style="font-size: 1.2rem;">这是相对于根元素大小 1.2 倍的文本。</p></code>
    🎜🎜Schriftgröße🎜🎜🎜Verwenden Sie das Attribut font-size, um die Schriftgröße festzulegen. Die Schriftgröße kann angegeben werden in: 🎜
    • Absolute Einheiten, wie zum Beispiel: px (Pixel), em (relative Einheiten), rem (Einheiten relativ zum Stammelement) 🎜<li>Relative Einheiten, zum Beispiel: <code>% (Prozentsatz relativ zum übergeordneten Element) 🎜🎜🎜🎜Beispiel: 🎜🎜rrreee

Das obige ist der detaillierte Inhalt vonSo legen Sie die Schriftfarbgröße in HTML fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn