Was ist CSS?

Mit Cascading Stylesheets (CSS) arbeiten

CSS bezeichnet eine deklarative Sprache für Strukturierte Dokumente.. welche Inbesondere mit XML und HTML verwendet wird.

Hierbei handelt es sich um Anweisungen, wie ein bestimmtes Element dargestellt werden soll. Dabei sind die Möglichkeiten bei Weitem nicht nur auf Dinge wie z.B: Schriften beschränkt.

Durch die Verwendung der Styles kann man den Bereichen unter anderem feste Positionen, sowie Hintergrundbilder- und Farben zuweisen. So können auch komplizierte Designs mittels eines einfachen Mark-Ups dargestellt werden.

Der Vorteil darin liegt nicht nur in der Tatsache, dass die Seite suchmaschinenoptimiert ist, also für Suchmaschinen wie Google oder Yahoo besser auszulesen und zu interpretieren ist, sondern auch darin, dass man mittels einer einfachen HTML-Struktur und denn entsprechenden CSS-Anweisungen eine Barrierefreiheit für die erstellte Webseite schafft.

So können sich auch Sehbehinderte, mittels Ihrer Software, einfach auf der Seite bewegen und die Informationen werden um einen Großteil einfacher auszulesen.

Weiterhin hat man die Möglichkeit alternative Stylesheets mit anzugeben, und diese einem entsprechenden Medium zuzuweisen.

Dies hat zur Folge, dass zum Beispiel auch Druckversionen mithilfe des selben Mark-Ups zu realisieren sind.

Da CSS eine Darstellungsbeschreibung ist, und die vorgegebenen Standards nicht von allen Browserentwicklern eingehalten wurden, gibt es Stellenweise erhebliche Unterschiede.

So werden beim Internet Exporer die Innenabstände mit zur Größe bzw. Höhe und Breite eines Elements gezählt, während alle anderen gängigen Browser diese Maße interpretieren ohne die Innenabstände mit in die Größenangaben mit einzurechnen.

Da dies zu schweren Verwicklungen führen kann hat Microsoft sogenannte „Conditional Comments“ eingeführt, mit welchen es mögliche ist für den Internet Exporer separat CSS-Dateien nachzuladen, in denen die korrigierten Wert vorhanden sind. Dies garantiert dann die selbe Ansicht einer Seite in den vielen verschiedenen Browsern.

Comments are closed.