forked from WEB-IMB-WS2526/lab-development-imb
28 lines
1.0 KiB
HTML
28 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link href="02_styles_font.css" rel="stylesheet">
|
|
<!-- <link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link
|
|
href="https://fonts.googleapis.com/css2?family=Barriecito&family=Noto+Color+Emoji&family=Noto+Emoji:wght@300..700&display=swap"
|
|
rel="stylesheet"> -->
|
|
<title>Schriftgrößen in CSS</title>
|
|
</head>
|
|
|
|
<body>
|
|
<h1>Schriftgrößen in CSS</h1>
|
|
|
|
<h2 class="absatz-px">Dies ist ein Absatz mit <strong>18px</strong> Schriftgröße.</h2>
|
|
<p class="absatz-pt">Dies ist ein Absatz mit <strong>12pt</strong> Schriftgröße.</p>
|
|
<p class="absatz-rem">Dies ist ein Absatz mit <strong>1.5rem</strong> Schriftgröße.</p>
|
|
<p class="absatz-em">Dies ist ein Absatz mit <strong>1.5em</strong> Schriftgröße.</p>
|
|
|
|
<h1>Schriftstile in CSS</h1>
|
|
<h4>Dies ist eine Überschrift mit <strong>kursiver</strong> Schrift.</h4>
|
|
<p>Dies ist ein Absatz mit <strong>nicht kursiver</strong> Schrift.</p>
|
|
</body>
|
|
|
|
</html> |