Propiedades css y los valores en wordpress veinte quince
Video: Cargando la hoja de estilos del tema [Introducción al desarrollo de temas WordPress / Clase 5]
propiedades CSS se asignan al nombre selector CSS en la hoja de estilo tema Veinte Quince WordPress. También es necesario proporcionar valores para las propiedades CSS para definir los elementos de estilo para el selector CSS particular que usted está trabajando.
En el tema por defecto de WordPress Veinte Quince, el marcado en la línea 30 en la plantilla de cabecera (header.php) es “El sitio de marca”gt;. Esta clase, con el nombre del sitio-cabecera, ofrece un estilo para el encabezado del sitio.
En el defecto de WordPress Veinte Quince hoja de estilo tema, el CSS definido para la clase-encabezado del sitio es el siguiente:
Video: #20 Los Colores en CSS como tipos de valor - Curso de CSS3 desde cero
.sitio de marca {min-altura: 2em-padding-right: 60px; posición: relativa-}Cada propiedad CSS necesita ser seguido de dos puntos (:), Y cada valor CSS necesita ser seguido por un punto y coma (-).
El selector CSS es .site de marca, que tiene tres propiedades:
La primera propiedad es CSS min-altura, que tiene el valor de 2em-.
La segunda propiedad es CSS padding-right, que tiene el valor 60px;.
La tercera propiedad es CSS posición, que tiene el valor de relativo-.
Video: Conociendo CSS3, selectores, propiedades, valores y tres ejemplos 04
Estos son algunos ejemplos de propiedades y valores CSS de uso común.
| de propiedades de CSS | Valor CSS | Ejemplos |
|---|---|---|
| color de fondo | Define el color del fondo (como el rojo, negro, o blanco). | Margen: “página”gt; CSS: #página {Background-color: blanco} |
| fondo | Define una imagen de fondo. | Margen: CSS: # encabezado bandera {background: url (images / header.jpg) no-repetibilidad} |
| Familia tipográfica | Define las fuentes utilizadas para el selector. | Margen: CSS: body {font-family: &lsquo-lucida Grande&rsquo-, Verdana, Arial, sans-Serif-} |
| color | Define el color del texto. | Margen: sitio web |
| tamaño de fuente | Define el tamaño de la fuente utilizada para el texto. | Margen: sitio web |
| texto alineado | Define la alineación del texto (izquierda, centro, derecha o justificado). | Margen: “envoltura”gt; CSS: #wrapper {text-align: left;} |