CSS eli Cascading Style Sheets on tyylilomakekieli, jota käytetään HTML-dokumenttien visuaalisen ulkoasun ja muotoilun määrittelyyn. WordPress-teemat käyttävät CSS:ää ja HTML:ää WordPressin tuottamien tietojen tulostamiseen. Jokainen WordPress-teema sisältää style.css-tiedoston, jossa on tyylisääntöjä WordPressin tuottamien sivujen muotoilun määrittämiseksi.
CSS on hyvin yksinkertainen käyttää ja helppo oppia. On olemassa monia verkkosivustoja, jotka julkaisevat CSS-oppaita aloittelijoille, jotka voivat auttaa uutta WordPress-käyttäjää pääsemään alkuun. Koska CSS on kuitenkin hyvin yksinkertainen käyttää, monet WordPress-käyttäjät ymmärtävät perusteet yksinkertaisesti katsomalla WordPress-teemansa style.css tiedostoa.
Esimerkki:
HTML-elementtejä voidaan tyylitellä suoraan CSS:llä. Suunnittelijat käyttävät myös tunnuksia ja luokkia määrittelemään eri osioita, joita voidaan tyylitellä CSS:ssä. Tämä auttaa heitä käyttämään eri tyylejä samoille HTML-elementeille verkkosivulla, mutta eri osioissa. Esimerkiksi blogin otsikon h1-elementti sivun otsikko-osiossa voidaan tyylitellä eri tavalla kuin toinen h1-elementti saman sivun postausalueella.
Esimerkki:
<div><h1 class="blog-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1></div>
Yllä esitetty HTML sisältää tunnisteen nimeltä ’header’ ja luokan nimeltä ’blog-title’. Nämä osiot voidaan muotoilla CSS:llä.
Esimerkki: