CSS – Glosario de WordPress – Comunidad de WordPress

CSS

CSS o hojas de estilo en cascada es un lenguaje de hoja de estilo que se utiliza para definir la apariencia visual y el formato de los documentos HTML. Los temas de WordPress utilizan CSS y HTML para generar 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 simple de usar 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 comenzar. Sin embargo, debido a que es muy simple de usar, muchos usuarios de WordPress pueden comprender los conceptos básicos simplemente mirando el archivo style.css de su tema de WordPress.

Ejemplo:

body {
font-size:14px;
color: #444;
background-color:#FFFFFF;
}h1 {
font-size:18px;
text-transform:uppercase;
}.post-title {
font-size: 16px;
color: #4C0000;
font-weight:normal;
}

Los elementos HTML se pueden estilizar directamente en CSS. Los diseñadores también usan identificadores y clases para definir diferentes secciones que se pueden estilizar en CSS. Esto les ayuda a usar 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 encabezado de una página puede tener un estilo diferente al de otro elemento h1 en el área de publicación de la misma página.

Ejemplo:

<div id="header">
<h1 class="blog-title">
<a href="https://comunitateawordpress.club/ce-inseamna-css/<?php bloginfo("url'); ?>" title="https://comunitateawordpress.club/ce-inseamna-css/<?php bloginfo("name'); ?>"><?php bloginfo('name'); ?></a>
</h1>
</div>

El código HTML que se muestra arriba contiene un identificador llamado “encabezado” y una clase llamada “título de blog”. Estas secciones se pueden estilizar en CSS.

Ejemplo:

#header {
background-color:#4C0000;
height:120px;
width:100%;
padding:20px;
}h1.blog-title a {
font-color:#FFFFFF;
font-size:16px;
font-family: Georgia, "Times New Roman", serif;
text-decoration:none;
}

Articulos adicionales:

Compartir con tus amigos:

Deja un comentario