CSS of Cascading Style Sheets is een stijlbladtaal die wordt gebruikt om het visuele uiterlijk en de opmaak van HTML-documenten te definiëren. WordPress thema’s gebruiken CSS en HTML om de door WordPress gegenereerde gegevens weer te geven. Elk WordPress thema bevat een style.css bestand met stijlregels om de opmaak van de door WordPress gegenereerde pagina’s te definiëren.
CSS is zeer eenvoudig te gebruiken en gemakkelijk te leren. Er zijn veel websites die CSS tutorials voor beginners publiceren die een nieuwe WordPress gebruiker op weg kunnen helpen. Echter, omdat het zeer eenvoudig te gebruiken is, kunnen veel WordPress gebruikers de basis begrijpen door simpelweg naar het style.css bestand van hun WordPress thema te kijken.
Voorbeeld:
HTML-elementen kunnen direct in CSS worden gestyled. Ontwerpers gebruiken ook identifiers en classes om verschillende secties te definiëren die kunnen worden vormgegeven in CSS. Dit helpt hen om verschillende stijlen te gebruiken voor dezelfde HTML-elementen op een webpagina, maar in verschillende secties. Zo kan een h1-element voor de blogtitel in de header-sectie van een pagina anders worden gestyled dan een ander h1-element in het postgedeelte van dezelfde pagina.
Voorbeeld:
<div><h1 class="blog-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1></div>
De hierboven getoonde HTML bevat een identifier met de naam ‘header’ en een class met de naam ‘blog-title’. Deze secties kunnen worden vormgegeven in CSS.
Voorbeeld: