CSS Anfängerfrage

A

Austriaco

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
 
es einfach eine Textdatei, in der die Anweisungen stehen.
z.B. body {...}
statt der 3 Punkte musst du die CSS-Anweisungen eintragen
 
Das setzt Du in Deine home.htm
<head>
<link rel="stylesheet" href="formate.css" type="text/css">
</head>
 
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;
}
 
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;
}
 
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.
 
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 schrieb:
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?
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:
Zurück
Oben Unten