CSS ou Cascading Style Sheets é uma linguagem de folhas de estilo usada para definir a aparência visual e formatação de documentos HTML. Os temas do WordPress utilizam CSS e HTML para a saída dos dados gerados pelo WordPress. Cada tema WordPress contém um arquivo style.css que possui regras de estilo para definir a formatação das páginas geradas pelo WordPress.
CSS é muito simples de usar e fácil de aprender. Há muitos sites publicando tutoriais CSS para iniciantes que podem ajudar um novo usuário do WordPress a começar. No entanto, como é muito simples de usar, muitos usuários de WordPress podem entender o básico simplesmente olhando o tema do WordPress style.css file.
Exemplo:
Elementos HTML podem ser estilizados diretamente no CSS. Os designers também usam identificadores e classes para definir diferentes seções que podem ser estilizadas em CSS. Isso os ajuda a usar estilos diferentes para os mesmos elementos HTML em uma página web, mas em seções diferentes. Por exemplo, um elemento h1 para o título do blog na seção de cabeçalho de uma página pode ser estilizado de forma diferente de outro elemento h1 na área de postagem da mesma página.
Exemplo:
<div><h1 class="blog-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1></div>
O HTML mostrado acima contém um identificador chamado ‘header’ e uma classe chamada ‘blog-title’. Estas seções podem ser estilizadas em CSS.
Exemplo: