CSS in html einbinden?

1 Antwort

medmonk
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, Technik, IT
30.09.2023, 23:31

In HTML kann CSS auf drei Wege hinzugefügt werden. Einmal inline, intern (internal) sowie extern (external). Hinzukommt noch der Weg über JavaScript, was ich im nachfolgendem Code-Snippet der Einfachheit halber mal außen vor lasse.

<!DOCTYPE html>
<html lang="de">
  <head>
    <meta charset="UTF-8">
    <title>GuteFrage Example</title>
    <!-- Internal Styles(heet) -->
    <style>
      .box {
        width: 100px;
        height: 100px;
      }
    </style>
    <!-- External Stylesheet -->
    <link rel="stylesheet" href="path/to/style.css">
  </head>
  <body>
    <!-- Inline Styles per Style-Attribut -->
    <div class="box" style="border: 1px solid red;">
      <!-- some content... -->
    </div>
  </body>
</html>

LG medmonk
Woher ich das weiß:Berufserfahrung – UI/UX Designer, Full-Stack Developer