CSS oder Cascading Style Sheets ist eine Stylesheet-Sprache, die verwendet wird, um das visuelle Erscheinungsbild und die Formatierung von HTML-Dokumenten zu definieren. WordPress-Themes verwenden CSS und HTML, um die von WordPress erzeugten Daten auszugeben. Jedes WordPress-Theme enthält eine style.css-Datei mit Stilregeln, die die Formatierung der von WordPress erzeugten Seiten festlegen.
CSS ist sehr einfach zu bedienen und leicht zu erlernen. Es gibt viele Websites, die CSS-Tutorials für Anfänger veröffentlichen, die einem neuen WordPress-Benutzer den Einstieg erleichtern können. Da es jedoch sehr einfach zu benutzen ist, können viele WordPress-Benutzer die Grundlagen verstehen, indem sie einfach in die style.css Datei ihres WordPress-Themas schauen.
Beispiel:
HTML-Elemente können direkt in CSS gestylt werden. Designer verwenden auch Bezeichner und Klassen, um verschiedene Abschnitte zu definieren, die in CSS gestylt werden können. Auf diese Weise können sie unterschiedliche Stile für dieselben HTML-Elemente auf einer Webseite, aber in unterschiedlichen Abschnitten verwenden. So kann beispielsweise ein h1-Element für den Blogtitel im Kopfbereich einer Seite anders gestaltet werden als ein anderes h1-Element im Beitragsbereich derselben Seite.
Beispiel:
<div><h1 class="blog-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1></div>
Das oben gezeigte HTML enthält einen Bezeichner namens „header“ und eine Klasse namens „blog-title“. Diese Abschnitte können mit CSS gestylt werden.
Beispiel: