TP Underground Lounge 07/08
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 06.11.2007, 08:18   #1
TP-Junior
 
Registriert seit: Oct 2007
adw4712 macht alles soweit korrekt

unterschiedliche Möglichkeiten der CSS-Datei, bzw. CSS-Einbindung


Hallo zusammen,
ich habe mir einige Touturials zu CSS einverleibt.
Dabei ist mir aufgefallen, dass es anscheinend unterschiedliche Möglichkeiten der CSS-Datei, bzw. CSS-Einbindung gibt:

z.B.
CSS-Datei: div#container {usw.
Einbindung: <div id="container">

oder

CSS-Datei: .container {usw.
Einbindung: <div class="container">

Was ist besser oder gibt es überhaupt einen Unterschied?
adw4712 ist offline   Mit Zitat antworten


Alt 06.11.2007, 08:26   #2
TP-Urgestein
 
Benutzerbild von webcreate
 
Registriert seit: Nov 2003
Ort: NRW
webcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichtswebcreate ist einer der Eckpfeiler des TP - ohne ihn geht nichts
Das eine ist ein class, das andere ein id Selektor.
Lies Dir mal folgendes durch, auch den folgenden Absatz zur ID
http://www.css4you.de/wscss/css03.html#class
__________________
Gruß Mark
Mein Blog zum TP || XING Profil || grafiker.de Profil || How to use GOOGLE || PS Kniffe
emCalculator 1.0



webcreate IT SOLUTIONS
www.webcreate-nrw.de
webcreate ist offline   Mit Zitat antworten
Alt 06.11.2007, 08:30   #3
TP-Veteran
 
Benutzerbild von jayjay
 
Registriert seit: May 2003
Ort: krefeld
jayjay bringt sich richtig einjayjay bringt sich richtig ein
wie eigentlich logisch genannt, hier kurz zusammengefasst: id ist eindeutig, heisst sollte 1x vergeben werden. class (klasse) kann auf mehrere objekte im gleichen dokument vergeben werden.
beides zusammen geht natürlich auch
HTML-Code:
<div id="container" class="container">inhalt</div>
__________________
computer tun nur das was man ihnen sagt, meistens
jayjay ist offline   Mit Zitat antworten
Alt 06.11.2007, 09:56   #4
TP-Moderator
 
Benutzerbild von Adromir
 
Registriert seit: Jun 2004
Ort: Hannover
Adromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKEAdromir ist ein richtiges Arbeitstier - DANKE
Der Unterschied liegt nicht nur dabei, daß es sich um Klasse und ID handelt, sondern wie sie auf Elemente angewendet werden:

Code:
div#container{[...]}
Wird nur auf DIV- Container mit der ID "container" angewandt.
Code:
#container {[...]}
Wird auf alle Elemente angewandt, die mit dieser ID versehen sind.

Ebenso ist es mit den Klassen..
__________________
Je größer der Deppenfaktor, desto gigantischer das Bescheidwissergefühl
-Dieter Nuhr
Adromir ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
unterschiedliche Möglichkeiten der CSS-Datei, bzw. CSS-Einbindung unterschiedliche Möglichkeiten der CSS-Datei, bzw. CSS-Einbindung
« Container 'spinnt' im FF | Gleicher Abstand »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an
Gehe zu


Alle Zeitangaben in WEZ +2. Es ist jetzt 17:54 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67