CSS - stylesheet

GrU3nL!nG · 19.06.2005, 16:28

Hi,

1. wenn ich das richtig verstehe, dann sieht der aufbau einer stylesheet.css datei so aus:

Code:

<style type="text/css">
a:link { font-weight:bold; color:#FFDD00; text-decoration:none }
a:visited { font-weight:bold; color:#FFDD00; text-decoration:none }
a:hover { font-weight:bold; color:red; text-decoration:none }
a:active { font-weight:bold; color:#FFDD00; text-decoration:none }
a:focus { font-weight:bold; color:#FFDD00; text-decoration:none }
#gelb { color:#FFF200; }
</style>

richtig?

um nun die eigenschaften zu laden, lade ich zuerst per link die datei in die entsprechnde html-datei. soweit klar.

wenn ich aber nun die farbe gelb haben möchte, so habe ich oben das mit #gelb { color:#FFF200; } definiert.
um diese einstellung dann dem text zu übergeben schreibe ich doch

Code:

<span id="gelb">HIER DER TEXT</span>

oder?

2.) wenn man sich oben das stylesheet anschaut, so steht da erst "a:" und dann die information.
ist "a" in diesem fall die id die man entsprechend übergeben muss?

19.06.2005, 16:36

Uiuiui, Du musst Dich nochmal mit den Grundlagen auseinandersetzen

a ist in diesem Fall identosch mit <a>, also allem, was mal ein Link wird. Somit definierst Du also das Aussehen Deiner Links. Wenn Du da verschiedene Formate haben möchtest (z. B. für interne und externe Links) sieht das so aus:

CSS

a.intern {Definitionen}
a.extern {Definitionen}

HTML

Externer Link
Interner Link

Außerdem hast Du mit #gelb eine ID definiert, da wird der Validator meckern, wenn Du die mehr als einmal auf einer Seite verwednest, D ist einmalig. bei mehrmaligem Gerauch definier das lieber als Klasse, also .gelb und dann <span class="gelb">Test</span>

GrU3nL!nG · 19.06.2005, 16:40

aso...
oaky dass das oben was mit links zu tun hat wusste ich, weil ich die auf meiner alten page benutzt habe.

Zitat:

CSS

a.intern {Definitionen}
a.extern {Definitionen}

HTML

Externer Link
Interner Link

leuchtet ein, doch was wenn ich für diese beiden auch unterschidliche farbe bei hover haben möchte?

19.06.2005, 16:41

a.intern:hover {...}
a.extern:hover {...}

usw usw

GrU3nL!nG · 19.06.2005, 16:46

nice danke dir!

und wenn ich unterschiedliche tabellen habe, wie sieht das dann aus?!

19.06.2005, 16:50

Hömma, will ja getz nich meckern, aber ein bissken musse schomma selber machen tun

table.frage {...}
table.antwort {...}

<table class="frage"> ... </table>
<table class="antwort"> ... </table>

Und ansonsten: http://www.css4you.de

GrU3nL!nG · 19.06.2005, 16:53

a oaky danke

....
ab jetzt werde ich selbständig

...

nur noch eine frage, weil der aufbau nicht ganz klar war...
der ist doch so:

Code:

<style type="text/css">
a:link { font-weight:bold; color:#FFDD00; text-decoration:none }
a:visited { font-weight:bold; color:#FFDD00; text-decoration:none }
a:hover { font-weight:bold; color:red; text-decoration:none }
a:active { font-weight:bold; color:#FFDD00; text-decoration:none }
a:focus { font-weight:bold; color:#FFDD00; text-decoration:none }
#gelb { color:#FFF200; }
</style>

oder?!

19.06.2005, 16:55

Im Prinzip ja, aber...

Du kannst Formatierungen, die identisch sind, auch zusammenfassen:

a:link, a:visited, a:active, a:focus {
font-weight:bold;
color:#fd0;
text-decoration:none;
}

GrU3nL!nG · 19.06.2005, 16:56

OKAY DANKE DIR VIEL MALS!!!!!
- thumb-up -

GrU3nL!nG · 19.06.2005, 18:06

ich konnte css4you jetzt nicht entnehmen, was so die maximale größe einer css datei sein sollte...

ab welcher größe wäre es denn ratsam diese datei in 2 dateien zu splitten, oder ist dies vollkommen egal?!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Stylesheet "Mozilla vs. IE"	GrU3nL!nG	HTML, Usability und Barrierefreiheit	1	24.10.2006 16:55
lokales stylesheet für bestimmte website	imported_kremser	HTML, Usability und Barrierefreiheit	9	20.12.2005 08:01
Codeschnipsel nur bei bestimmten Stylesheet ausgeben		PHP Tipps 2005-2	2	24.07.2005 11:53
[Erledigt] stylesheet mit javascript verändern		HTML, Usability und Barrierefreiheit	6	19.07.2005 16:28
Stylesheet problem!	DER_Brain	HTML, Usability und Barrierefreiheit	25	02.07.2005 09:47
Rot trotz stylesheet?!	CHRIS	PHP Tipps 2005	2	27.02.2005 11:41
je nach Auflösung, anderes Stylesheet laden.	CSS	HTML, Usability und Barrierefreiheit	9	16.02.2005 19:43
verschiedene linkdefinitionen in einem stylesheet?	Promaetheus	HTML, Usability und Barrierefreiheit	2	28.08.2004 21:35
XSL Stylesheet klappt nicht!		HTML, Usability und Barrierefreiheit	1	13.07.2004 14:33
Stylesheet Chackboxen		HTML, Usability und Barrierefreiheit	6	21.06.2004 07:47

19.06.2005, 16:28
GrU3nL!nG Erfahrener Benutzer Registriert seit: 14.02.2005 Beiträge: 790	CSS - stylesheet Hi, 1. wenn ich das richtig verstehe, dann sieht der aufbau einer stylesheet.css datei so aus: Code: <style type="text/css"> a:link { font-weight:bold; color:#FFDD00; text-decoration:none } a:visited { font-weight:bold; color:#FFDD00; text-decoration:none } a:hover { font-weight:bold; color:red; text-decoration:none } a:active { font-weight:bold; color:#FFDD00; text-decoration:none } a:focus { font-weight:bold; color:#FFDD00; text-decoration:none } #gelb { color:#FFF200; } </style> richtig? um nun die eigenschaften zu laden, lade ich zuerst per link die datei in die entsprechnde html-datei. soweit klar. wenn ich aber nun die farbe gelb haben möchte, so habe ich oben das mit #gelb { color:#FFF200; } definiert. um diese einstellung dann dem text zu übergeben schreibe ich doch Code: <span id="gelb">HIER DER TEXT</span> oder? 2.) wenn man sich oben das stylesheet anschaut, so steht da erst "a:" und dann die information. ist "a" in diesem fall die id die man entsprechend übergeben muss? __________________ Gruß Marc


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

19.06.2005, 16:36
Gast Beiträge: n/a	Uiuiui, Du musst Dich nochmal mit den Grundlagen auseinandersetzen a ist in diesem Fall identosch mit <a>, also allem, was mal ein Link wird. Somit definierst Du also das Aussehen Deiner Links. Wenn Du da verschiedene Formate haben möchtest (z. B. für interne und externe Links) sieht das so aus: CSS a.intern {Definitionen} a.extern {Definitionen} HTML Externer Link Interner Link Außerdem hast Du mit #gelb eine ID definiert, da wird der Validator meckern, wenn Du die mehr als einmal auf einer Seite verwednest, D ist einmalig. bei mehrmaligem Gerauch definier das lieber als Klasse, also .gelb und dann <span class="gelb">Test</span>

19.06.2005, 16:41
Gast Beiträge: n/a	a.intern:hover {...} a.extern:hover {...} usw usw

19.06.2005, 16:46
GrU3nL!nG Erfahrener Benutzer Registriert seit: 14.02.2005 Beiträge: 790	nice danke dir! und wenn ich unterschiedliche tabellen habe, wie sieht das dann aus?! __________________ Gruß Marc

19.06.2005, 16:50
Gast Beiträge: n/a	Hömma, will ja getz nich meckern, aber ein bissken musse schomma selber machen tun table.frage {...} table.antwort {...} <table class="frage"> ... </table> <table class="antwort"> ... </table> Und ansonsten: http://www.css4you.de

19.06.2005, 16:55
Gast Beiträge: n/a	Im Prinzip ja, aber... Du kannst Formatierungen, die identisch sind, auch zusammenfassen: a:link, a:visited, a:active, a:focus { font-weight:bold; color:#fd0; text-decoration:none; }

19.06.2005, 16:56
GrU3nL!nG Erfahrener Benutzer Registriert seit: 14.02.2005 Beiträge: 790	OKAY DANKE DIR VIEL MALS!!!!! - thumb-up - __________________ Gruß Marc

19.06.2005, 18:06
GrU3nL!nG Erfahrener Benutzer Registriert seit: 14.02.2005 Beiträge: 790	ich konnte css4you jetzt nicht entnehmen, was so die maximale größe einer css datei sein sollte... ab welcher größe wäre es denn ratsam diese datei in 2 dateien zu splitten, oder ist dies vollkommen egal?! __________________ Gruß Marc