Verstehe etwas nicht...

    Hi ich bin nic und habe da mal ne frag bin momentan bei css lernen bei css in html einbinden bei der 3 möglichkeit und ich verstehe nicht ganz recht wie man das mit der externe dartei machen soll? Benutze Webocton Scriptly :) Verweis in der HTML-Datei:
    Dieser Verweis sollte im head-Bereich eingegeben werden.


    <link href="design.css" type="text/css" rel="stylesheet" />


    So, nun erstellen wir eine neue Datei mit dem Namen "design.css".


    Inhalt:


    h1 {
    color:red;
    letter-spacing:30px;
    }


    Unbedingt auf Leerzeichen achten, und als Klammern kommen hier die geschweiften zum Zuge!! So, Datei abspeichern und im HTML Editor zurück zur ursprünglichen Internetseite.



    also das verstehe ich nicht habe folgenedenes habe eine neue html datei erstellt mit folgendes:
    ---------------------------------------------------------------------------------------------------------------------------------------------------
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">


    <head>
    <title>Titel</title>


    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (<!-- m --><a class="postlink" href="http://www.scriptly.de">http://www.scriptly.de</a><!-- m -->)" />


    <link href="style.css" type="text/css" rel="stylesheet" />
    </head><link href="design.css" type="text/css" rel="stylesheet" />



    <body>


    </body>
    </html>
    ---------------------------------------------------------------------------------------------------------------------------------------------------
    So und ein neue css datei
    ---------------------------------------------------------------------------------------------------------------------------------------------------
    html, body
    h1 {
    color:red;
    letter-spacing:30px;
    }
    ---------------------------------------------------------------------------------------------------------------------------------------------------
    mit dem hier und jezt funktioniert das nicht ?
    Deswegen brauche ich hilfe danke für die antworten im vorraus
    habe es unter design.css gespeichert und das andere nicht also die html datei
    mfg
    Nic :mrgreen:

    Hi Nic,


    du hast du zwei kleine Fehlerchen drin: Der Verweis gehört in den head-Bereich (also vor</head>).
    Das html, body am Anfang der CSS-Datei solltest du auch weg machen ;)


    Gruß
    Laura


    PS: Bitte verwende für Code den Code-BB-Tag!

    so habe nun folgendes finde aber denn fehler nichtt..
    ---------------------------------------------------------------------------------------------------------------------------------------------------
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">


    <head>
    <title>Titel</title>


    <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <meta name="keywords" content="" />
    <meta name="generator" content="Webocton - Scriptly (<!-- w --><a class="postlink" href="http://www.scriptly.de">http://www.scriptly.de</a><!-- w -->)" />


    <link href="style.css" type="text/css" rel="stylesheet" />


    <link href="design.css" type="text/css" rel="stylesheet" />
    </head>


    <body>


    </body>
    </html>
    ---------------------------------------------------------------------------------------------------------------------------------------------------
    So das war jetzt die html datei nun die css datei
    h1 {
    color:red;
    letter-spacing:30px;
    }
    --------------------------------------------------------------------


    Hoffe jemand findet den fehler oder ich finde hin :)

    also habe jetzt folgendes gemacht habe die
    <link href="style.css" type="text/css" rel="stylesheet" />
    gelöscht und es ist sicher unter design.css abgespeichert

    ...was soll da eigentlich passieren? :)
    h1 soll Rot und jeder Buchstabe 30px voneinander entfernt sein? :D


    Dann wäre es Ratsam zwischen <body> und </body> ein <h1>Meine Überschrift</h1> zu setzen :)

    Habe es endlich geschafft musste es unter style abgespeichert werden?
    Habe es so gemacht habe den link ergänzt und dann hat es funktioniert... :mrgreen:

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden