Antwort an „HTML_go“ verfassen

Unverständnis von CSS-Eigenschaften; Hintergrund der aktiven Navigationsauswahl ändern

HTML_go 22.12.2023 20:05 (Versionen)

So sieht nun (vorerst nur die index.html) der Kopf (head) aus (in Auszügen) und drunter auch noch die ergänzte CSS (wie kriege ich das als ZWEI Quelltexte hin?):

  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
      Startseite | Sozialwerk KONTAKT e.V. | 78050 Villingen-Schwenningen
    </title>
    <meta
      name="description"
      content="Startseite | KONTAKT e.V. | Wer oder was ist KONTAKT e.V.?"
    />
    <meta
      name="keywords"
      content="KONTAKT Villingen-Schwenningen e.V., soziale Arbeit, Sozialwerk für Prävention und Integration, Kids Live, Lights On, Jugendarbeit, Kinderarbeit, Integration, Migration, Suchtprävention"
    />
<!-- die ganzen "apple-touch-icons", etc. habe ich rausgelassen-->
  </head>

  #skip-link {
    position: absolute;
    left: 0;
    top: 0;
    background: black;
    color: white;
    padding: 0.25em;
    transform: translateY(-100%);
    transition: 0.2s transform;
  }

  #skip-link:focus {
    transform: translateY(0);
  }