CSS o Cascading Style Sheets es un lenguaje de hojas de estilo utilizado para definir la apariencia visual y el formato de los documentos HTML. Los temas de WordPress utilizan CSS y HTML para dar salida a los datos generados por WordPress. Cada tema de WordPress contiene un archivo style.css que tiene reglas de estilo para definir el formato de las páginas generadas por WordPress.
CSS es muy sencillo de utilizar y fácil de aprender. Hay muchos sitios web que publican tutoriales de CSS para principiantes que pueden ayudar a un nuevo usuario de WordPress a empezar. Sin embargo, como es muy simple de usar, muchos usuarios de WordPress pueden entender lo básico simplemente mirando el archivo style.css de su tema de WordPress.
Ejemplo:
Los elementos HTML pueden ser estilizados directamente en CSS. Los diseñadores también utilizan identificadores y clases para definir diferentes secciones que pueden ser estilizadas en CSS. Esto les ayuda a utilizar diferentes estilos para los mismos elementos HTML en una página web pero en diferentes secciones. Por ejemplo, un elemento h1 para el título del blog en la sección de la cabecera de una página puede tener un estilo diferente al de otro elemento h1 en el área de la entrada de la misma página.
Ejemplo:
<div><h1 class="blog-title"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><?php bloginfo('name'); ?></a></h1></div>
El HTML mostrado arriba contiene un identificador llamado ‘header’ y una clase llamada ‘blog-title’. Estas secciones pueden ser estilizadas en CSS.
Ejemplo: