CSS Anfängerfrage

  1. Austriaco

    Austriaco Thread Starter

    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
     
    Austriaco, 06.11.2005
  2. ostersau

    ostersauMacUser Mitglied

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

    ganjo7unregistriert

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

    arne1900MacUser Mitglied

    Mitglied seit:
    28.09.2004
    Beiträge:
    1.454
    Zustimmungen:
    14
    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;
    }
     
    arne1900, 06.11.2005
  5. ganjo7

    ganjo7unregistriert

    Mitglied seit:
    19.06.2005
    Beiträge:
    144
    Zustimmungen:
    0
    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;
    }
     
    ganjo7, 06.11.2005
  6. arne1900

    arne1900MacUser Mitglied

    Mitglied seit:
    28.09.2004
    Beiträge:
    1.454
    Zustimmungen:
    14
    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.
     
    arne1900, 06.11.2005
  7. Austriaco

    Austriaco Thread Starter

    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?
     
    Austriaco, 06.11.2005
  8. ostersau

    ostersauMacUser Mitglied

    Mitglied seit:
    27.06.2005
    Beiträge:
    774
    Zustimmungen:
    0
    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
     
    ostersau, 06.11.2005
  9. Austriaco

    Austriaco Thread Starter

    ok vielen dank erstmals. das problem habt ihr gelöst :D
     
    Austriaco, 06.11.2005
Die Seite wird geladen...
Ähnliche Themen - CSS Anfängerfrage
  1. dennz2017
    Antworten:
    2
    Aufrufe:
    313
  2. hello
    Antworten:
    1
    Aufrufe:
    239
  3. Hoooray
    Antworten:
    2
    Aufrufe:
    333
    Hoooray
    21.07.2015
  4. Kemna
    Antworten:
    6
    Aufrufe:
    570
  5. markusch
    Antworten:
    2
    Aufrufe:
    2.537
    markusch
    01.09.2009