Wordpress veinte quince clases css y las identificaciones
Video: #5 - Selectores Id y Class - Curso de CSS3 desde cero
Puede encontrar la hoja de estilo (style.css) Para el tema Twenty Quince por defecto en la página de edición de temas en su tablero de instrumentos. Todo en ella puede parecer extraño para ti en este momento, pero una muy buena manera de aprender acerca de CSS y su estructura es pasar tiempo viendo y estudiando hojas de estilo existentes. Puesto que usted tiene acceso a la temática Veinte Quince a través de su instalación de WordPress, que es un buen lugar para comenzar.
Video: (#6 de 12) HTML y CSS bien explicado a quien nunca ha escrito una etiqueta en su vida
Hay dos características básicas de CSS que se ejecutará a través durante la visualización de hojas de estilo, y que es el uso de la marca de almohadilla (#) y el punto (.) Para definir los selectores ya sea como un div o una clase de CSS. He aquí dos ejemplos genéricos de esto:
#contenido: Este es un tipo de selector CSS. La almohadilla (#) Indica que se trata de un CSS CARNÉ DE IDENTIDAD y puede ser utilizado sólo una vez por página.
.título: Otro tipo de CSS SELECTOR el período (.) Indica que se trata de un CSS clase.
IDs y clases definen propiedades de peinado para diferentes secciones de su tema de WordPress. Estos son algunos ejemplos de las identificaciones y las clases de la header.php plantilla en el tema Twenty Quince WordPress. Armado con esta información, usted sabe dónde buscar en la hoja de estilo cuando se quiere cambiar el estilo de un área particular de su tema.
| HTML | Selector de CSS | Descripción |
|---|---|---|
| “página”gt; | #página | Estilos de los elementos para el ID de la página en su plantilla (s) |
| “sitio de cabecera”gt; | # Sitio de cabecera | Estilos de los elementos para el ID de cabecera en su sitio plantillas) |
| “Título del sitio”gt; | .Título del sitio | Estilos de los elementos para su clase título del sitio en su plantilla (s), sino que también sigue las reglas para los valores h1 fijados en el CSS |
| “-secundaria de palanca”gt; | .-secundaria de palanca | Estilos de los elementos para su clase de botón-palanca en su plantillas) |
| “contenido”gt; | #contenido | Estilos de los elementos para la identificación de contenido en su plantilla (s) |
Si encuentra un elemento en el código de la plantilla que dice carné de identidad (como div id = o p id =), Busque el símbolo de hash en la hoja de estilo. Si encuentra un elemento en el código de la plantilla que dice clase (como div class = o clase p =), Busque el periodo de la hoja de estilo seguido por el nombre del selector.