welches style sheet Element wird in der html Seite verwendet

[TommiH]

Hallo,

gibt es einen Möglichkeit, die Style Sheet Elemente anzuzeigen, die in einer HTML Seite verwendet werden?
Hintergrund: Um besser manche Tutorials nachvollziehen zu können, wäre es für mich hilfreich zu sehen, welches Element aus dem css auf der html Seite "code" verwenden wurde.
Gibt es so was?

Danke

Thomas

 

[schleppel]

AW: welches style sheet Element wird in der html Seite verwendet

Wenn Du Firefox benutzt, kannst Du mit Firebug jedes Element untersuchen.

Gruß
schleppel

 

[TommiH]

AW: welches style sheet Element wird in der html Seite verwendet

Danke, werde es mal versuchen

Grüße

Thomas

 

[hub]

AW: welches style sheet Element wird in der html Seite verwendet

Moin moin,
mit dem IE geht das auch: F12 Entwicklertools (Vorteil hier die Übersichtlichkeit bei F"ormate nachverfolgen"). Ebenso Safari und Googles Chrome, beide ähnlich Firebug. Die Tools sind schon Bestandteil der Browser.

Gruß Ulli

 

[Myhar]

AW: welches style sheet Element wird in der html Seite verwendet

Wenn du schon am Aufzählen bist, kannst du der Vollständigkeit hinzufügen, dass auch Opera über eingebaute Entwicklertools verfügt. Ansonsten ist deinem Beitrag nichts hinzuzufügen

 

[hub]

AW: welches style sheet Element wird in der html Seite verwendet

Asche auf mein Haupt! Opera natürlich auch.

 

[patrick_l]

AW: welches style sheet Element wird in der html Seite verwendet

Neben den Entwicklertools gibt es auch den einfachen Kontextmenüeintrag "Quelltext anzeigen". Danach auf den Link zum Stylessheet klicken. Manche Websites haben allerdings ihr Stylesheet komprimiert. Daher ist der Weg über entsprechende Tools sicher der bessere.

Liebe Grüße, Patrick

 

[TommiH]

AW: welches style sheet Element wird in der html Seite verwendet

Danke für die Hilfe.
Habe schon das mit Fireworks usw. probiert. Geht ganz gut.
Bin gerade eine Seite, in der die Elemente in css gruppiert
sind. Ist ja ganz nett, aber auch im Revers etwas unübersichtlich. Mal sehen,
wie ich da weiterkomme.

Vielen Dank an alle

tommih

 

[hub]

AW: welches style sheet Element wird in der html Seite verwendet

Moin moin,
bei der Fülle an Informationen die so ein Element hat, egal ob zugewiesen oder berechent, verliert man schnell die Übersicht. Darum erwähnte ich den IE, der hier die Nase vorn hat, indem er die Möglichkeit "Formate nachverfolgen" anbietet. Es werden bei diesem Filter nur die Eigenschaften angezeigt, die unmittelbar zugewiesen wurden. Klickst du die Eigenschaft an, wird dir auch gezeigt, was an Style-Zuweisungen überschrieben und welches tatsächlich ausgewertet wird.

Gruß Ulli

 

[TommiH]

AW: welches style sheet Element wird in der html Seite verwendet

Danke für den Tip,
habe aber einen Mac

Grüße

tommih

 

[Myhar]

AW: welches style sheet Element wird in der html Seite verwendet

Darum erwähnte ich den IE, der hier die Nase vorn hat, indem er die Möglichkeit "Formate nachverfolgen" anbietet.

Ernsthaft, du bist der erste Mensch, den ich kenne, für den die IE Developer Tools einen Vorteil bieten. Ich (und die Leute, mit denen ich sonst zusammen arbeite) finden die einfach nur unbrauchbar. Das "Format verfolgen" Feature haben die anderen Browser übrigens auch, wenn auch in etwas abgeänderter Form. Inspiziert man ein Element, dann sieht man auch die zugewiesenen Styles. Scrollt man diese Liste nun hinunter, sieht man auch, welche Eigenschaft wo überschrieben wird. Der einzige Unterschied ist, dass man das nicht für jede Eigenschaft einzeln machen kann sondern selber lesen können muss
Möchte hier auch keine Diskussion darüber lostreten, welches Tool besser ist, wollte nur mal betonen, dass du der erste bist, der den IE Tools etwas gutes abgewinnen kannst. Aber ich arbeite ja auch erst seit ~5 Jahren damit