CSS Anfängerfrage

Dieses Thema im Forum "Web-Editoren" wurde erstellt von Austriaco, 06.11.2005.

  1. Austriaco

    Austriaco Thread Starter Gast

    Hi. Hab mir zwar gerade das ganze selfhtml zu gemüte gezogen, jedoch schaffe ich es einfach nicht. wie muss eine externe css datei aufgebaut sein.

    also folgendes ist mir klar, die datei muss mit .css enden. soweit so gut. jedoch bräuchte ich hilfe, wie man das skript aufsetzt.

    bin schon ziemlich verzweifelt, bringe es seit einer geschlagenen stunde einfach nicht zusammen. danke für die hilfe
     
  2. ostersau

    ostersau MacUser Mitglied

    Beiträge:
    780
    Zustimmungen:
    0
    MacUser seit:
    27.06.2005
    es einfach eine Textdatei, in der die Anweisungen stehen.
    z.B. body {...}
    statt der 3 Punkte musst du die CSS-Anweisungen eintragen
     
  3. ganjo7

    ganjo7 unregistriert

    Beiträge:
    144
    Zustimmungen:
    0
    MacUser seit:
    19.06.2005
    Das setzt Du in Deine home.htm
    <head>
    <link rel="stylesheet" href="formate.css" type="text/css">
    </head>
     
  4. arne1900

    arne1900 MacUser Mitglied

    Beiträge:
    1.454
    Zustimmungen:
    14
    MacUser seit:
    28.09.2004
    Du hast eine Textdatei in der die Tags, IDs und Klassen beschrieben werden.

    z.B.

    body {
    background-color:red;
    }

    .box1{
    width:100%;
    position:relative;
    height:10px;
    }

    #box3 {
    width:50%;
    float:left;
    display:block;
    }
     
  5. ganjo7

    ganjo7 unregistriert

    Beiträge:
    144
    Zustimmungen:
    0
    MacUser seit:
    19.06.2005
    Das ist der Inhalt der Datei formate.css

    a:link
    {
    text-decoration:none;
    font-family:Verdana,Arial,'sans-serif';
    font-size:10pt;
    font-weight:bold;
    color:#000000;
    }
    a:visited
    {
    text-decoration:none;
    font-family:Verdana,Arial,'sans-serif';
    font-size:10pt;
    font-weight:bold;
    color:#000000;
    }
    a:active
    {
    text-decoration:none;
    font-family:Verdana,Arial,'sans-serif';
    font-size:10pt;
    font-weight:bold;
    color:#FFFFFF;
    }
    a:hover
    {
    text-decoration:none;
    font-family:Verdana,Arial,'sans-serif';
    font-size:10pt;
    font-weight:bold;
    color:#F5F5DC;
    }
    a:focus
    {
    text-decoration:none;
    font-family:Verdana,Arial,'sans-serif';
    font-size:10pt;
    font-weight:bold;
    color:#FFFFFF;
    }
     
  6. arne1900

    arne1900 MacUser Mitglied

    Beiträge:
    1.454
    Zustimmungen:
    14
    MacUser seit:
    28.09.2004
    Und du musst in der HTML Datei natürlich im Head einen Link zur CSS Datei setzten.
    Klassen kannst du den Elementen im HTML Code so oft zu willst zuweisen, die Tagnahmen, die du im CSS eingetragen hast, werden automatisch den entsprechenden Tags im HTML zugewiesen.
    IDs (#) dürfen nur einmalig im HTML verwendet werden.
     
  7. Austriaco

    Austriaco Thread Starter Gast

    so danke erstmals, jedoch:

    wie erstelle ich die css datei, wenn ich zb die überschrift h2 durch ein css blau, in schriftgrad 15, fett haben will. und wie binde ich das dann in meine html datei ein.

    das <link rel="stylesheet" type="text/css"
    href="datei.css"> ist mir klar, oder war es dass dann schon? muss ich dann nur mehr <h2> </h2> machen, sonst nix?
     
  8. ostersau

    ostersau MacUser Mitglied

    Beiträge:
    780
    Zustimmungen:
    0
    MacUser seit:
    27.06.2005
    ok, ein Beispiel:
    Deine datei heisst index.html
    in den <head> schreibst Du <link rel="stylesheet" type="text/css"
    href="datei.css">
    und in das gleiche Verzeichnis wie index.html kommt dann eine Datei Namens "datei.css"
    für die h2-Formatierung schreibst Du in die "datei.css" folgendes:
    h2{color:blue;fonz-size:15px;font-weight:bold}
    wenn Du jetzt im body won index.html eine Überschrift zweiten Grades einfügst, wird sie entsprechend den Anweisungen formatiert. Ohne weiteres Zutun in der HTML
     
    Zuletzt bearbeitet: 06.11.2005
  9. Austriaco

    Austriaco Thread Starter Gast

    ok vielen dank erstmals. das problem habt ihr gelöst :D
     
Die Seite wird geladen...

Diese Seite empfehlen