1. Dashboard
  2. Artikel
  3. Mitglieder
    1. Letzte Aktivitäten
    2. Benutzer online
    3. Team
    4. Mitgliedersuche
  4. Forum
    1. Unerledigte Themen
  • Anmelden
  • Registrieren
  • Suche
Dieses Thema
  1. HTML - Webmaster Forum
  2. HTML / Webmaster Forum
  3. HTML & CSS Forum

CSS Background

  • eltopo
  • 15. November 2017 um 15:14
  • eltopo
    Anfänger
    Beiträge
    1
    • 15. November 2017 um 15:14
    • #1

    Hallo,
    ich übe gerade ein wenig in CSS, da ich demnächst eine Prüfung habe (bin ein kompletter Newcomer).
    Habe mal das erstellt:

    HTML
    <!DOCTYPE html>
    <html>
    <head>
    <style>
    body {    
        background-color: black;
    
    }
    h1 {
        color: red;
        margin-left: 40px;
    } 
    </style>
    <body>
    
    
    
    
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    
    
    
    
    </body>
    </html>
    
    
    das funktioniert.
    
    
    Wenn ich jetzt aber CSS extern speichere und im HTML verlinke, reagiert die HTMLSeite nicht mehr auf die Farbänderung von Background, obwohl ich an sich nur mit copy/paste gearbeitet habe.
    
    
    So sieht dann das HTML aus:<!DOCTYPE html><html>
    <head>
    <link rel="stylesheet" type="text/css" href="neu 6.css">
    </head>
    <body>
    
    
    
    
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    
    
    
    
    </body>
    </html>
    
    
    und so CSS (extern):
    
    
    <style>
    body {    
        background-color: black;
    
    }
    h1 {
        color: blue;
        margin-left: 40px;
    } 
    </style>
    Alles anzeigen

    Textfarbe und margin lassen sich problemlos ändern.

    Danke für Eure Antworten

    2 Mal editiert, zuletzt von Arne Drews (16. November 2017 um 10:31) aus folgendem Grund: MOD: Code-Tags zugefügt

  • Sailor
    Meister(in)
    Reaktionen
    4
    Beiträge
    403
    • 15. November 2017 um 15:30
    • #2

    Im externen Stylesheet das <style> und </style> löschen!

    if(!sleep)

    {$sheep++;}

Tags

  • html
  • tex
  • color
  • style
  • background
  • text
  • blue
  • href
  • farbe
  • doc
  • css
  • externe
  • px
  • head
  • left
  • stylesheet
  • margin
  • copy
  • doctype
  • paste
  • extern
  • reagiert
  • paragraph

Benutzer online in diesem Thema

  • 1 Besucher
  1. Datenschutzerklärung
  2. Impressum
Community-Software: WoltLab Suite™
  • Alles
  • Dieses Thema
  • Dieses Forum
  • Artikel
  • Seiten
  • Forum
  • Erweiterte Suche
Zitat speichern