Mtro. Fernando Arciniega

Apoyame con un clic en los anuncios, me ayudas a seguir generando contenido de calidad. ¡Gracias por tu apoyo!

Generic selectors
Exact matches only
Search in title
Search in content
Post Type Selectors
Search in posts
Search in pages

Tipos de capas de HTML 5

Tipos de capas de HTML 5
Print Friendly, PDF & Email

Las capas

Se pueden usar en muchas situaciones diferentes. Por ejemplo, intenta usar la propiedad z-index para crear efectos en los títulos en lugar de crear gráficos. Por un lado, es más rápido cargar texto, y por otro, proporciona una clasificación potencialmente mejor en los motores de búsqueda.

Propiedad Descripción Posibles valores
left y top Sitúan la esquina superior izquierda de la capa respecto a la esquina superior izquierda de la capa donde esté metida. Hay que tener en cuenta que el documento completo también se considera una capa. distancia en pixels, por defecto cero.
width y height Determinan la anchura y altura de la capa. un tamaño en pixels.
Clip Nos permite definir el área que se podrá ver dentro de la capa. Por ejemplo, clip:rect(20px 30px 40px 10px); recortará la capa creando un cuadro visible cuya esquina superior izquierda está a 10 pixels por la izquierda y 20 por arriba de la de la capa y cuyo tamaño sería de 30-10 de ancho y 40-20 de alto. un área.
z-index Las capas con un mayor z-index se colocarán más arriba (se dibujarán al final, encima de las otras). Debe ser un valor positivo y único: dos capas no pueden tener el mismo z-index. número positivo, por defecto las capas definidas en el código HTML más tarde están más arriba.
Visibility Especifican si la capa debe verse o estar oculta. visible, hidden (oculta) oinherit (hereda la visibilidad de la capa padre). En aquellas capas que simplemente estén dentro de la página principal, este valor es equivalente a visible.
background-image Gráfico de fondo de la capa. una dirección.
background-color y layer-background-color Color de fondo de la capa. un color.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.