CSS eller Cascading Style Sheets är ett formatmallsspråk som används för att definiera det visuella utseendet och formateringen av HTML-dokument. WordPress-teman använder CSS och HTML för att ge ut data som genereras av WordPress. Varje WordPress-tema innehåller en style.css-fil som har stilregler för att definiera formateringen av sidor som genereras av WordPress.
CSS är mycket enkelt att använda och lätt att lära sig. Det finns många webbplatser som publicerar CSS-handledningar för nybörjare som kan hjälpa en ny WordPress-användare att komma igång. Men eftersom det är mycket enkelt att använda kan många WordPress-användare förstå grunderna genom att helt enkelt titta på sitt WordPress-temas style.css fil.
Exempel:
HTML-element kan stylas direkt i CSS. Formgivare använder också identifierare och klasser för att definiera olika avsnitt som kan stylas i CSS. Detta hjälper dem att använda olika stilar för samma HTML-element på en webbsida men i olika sektioner. Till exempel kan ett h1-element för bloggtiteln i rubriksektionen på en sida stylas annorlunda än ett annat h1-element i postområdet på samma sida.
Exempel:
<div><h1 class="blog-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1></div>
Den HTML som visas ovan innehåller en identifierare som heter ”header” och en klass som heter ”blog-title”. Dessa avsnitt kan stylas i CSS.
Exempel: