Diseño de la Página del Centro de Servicios y Diseño de la Página de Escalada en Roca
Diseño de la Página del Cantro de Servicios
Código de diseño
<html>
<head>
<meta charset="utf-8">
<title>Centro de Servicios--Diseño</title>
<style>
*{
margin: 0;
padding: 0;
}
.contenedor{
width: 800px;
height: 670px;
margin: 0px auto;
border: 2px solid;
} ...
Publicado el 8-22 18:18
Diseño de página web temática sobre la ciudad natal usando HTML estático - Proyecto estudiantil con temática Shenyang, Liaoning (11 páginas)
Introducción al proyecto
Este proyecto corresponde a una tarea académica centrada en el desarrollo web frontend, donde se presenta una página web dedicada a la ciudad de Shenyang, capital de la provincia de Liaoning en China. El diseño utiliza tecnologías fundamentales como HTML, CSS y JavaScript para estructurar y dar estilo al contenido.
El c ...
Publicado el 8-17 05:36
Comportamiento de CSS: Barras de Desplazamiento y Prioridad de Estilos
Al configurar layouts que ocupan toda la pantalla, es común encontrarse con la aparición inesperada de barras de desplazamiento. Este problema suele surgir al aplicar dimensiones relativas del 100% a los elementos principales:
html,
body {
width: 100%;
height: 100%;
}
La causa raíz de este comportamiento no es la declaración del 100% ...
Publicado el 8-14 01:13
Explorando los Modos de Mezcla CSS: `mix-blend-mode` y `background-blend-mode`
Los modos de mezcla CSS, inspirados en herramientas de diseño gráfico como Photoshop, permiten combinar dos o más capas de contenido de formas visualmente impactantes. Estas propiedades ajustan cómo los píxeles de una capa (la fuente) interactúan con los píxeles de la capa subyacente (el fondo), creando una amplia gama de efectos de color y lum ...
Publicado el 8-5 01:48
Introducción a las Hojas de Estilo en Cascada (CSS)
Las Hojas de Estilo en Cascada, o CSS (por sus siglas en inglés, Cascading Style Sheets), son un lenguaje fundamental para el diseño web. Su propósito principal es controlar la presentación y el aspecto visual de un documento escrito en HTML o XML. CSS permite separar el contenido de la estructura de la página de su estilo, lo que facilita el m ...
Publicado el 8-3 10:11
Notas de clase de desarrollo frontend web 02
Resuelve problemas de compatibilidad entre navegadores
Incorpora numerosas características innovadoras
Enfoque centrado en el usuario
Beneficios de simplificación en el desarrollo
Consideraciones al escribir código
Utiliza la tecla Tab para las indentaciones, no espacios
Todas las etiquetas deben estar contenidas entre <> y aparecer en ...
Publicado el 8-1 14:31
Configuración del Tamaño del Canvas en HTML5
El tamaño predeterminado de un canvas es de 300×150 píxeles.
Es importante entender que definir los atributos width y height directamente en la etiqueta canvas es diferente a establecerlos mediante CSS. Los atributos width y height en la etiqueta canvas representan el tamaño real del lienzo donde se dibujan los gráficos. Por otro lado, las prop ...
Publicado el 7-31 09:01
Diseño Web de Página sobre Cetáceos: Implementación HTML/CSS
Este proyecto de diseño web se centra en la creación de una página estática con temática de animales marinos, específicamente cetáceos (ballenas y delfines). La implementación se realiza utilizando HTML5 y CSS3, asegurando la compatibilidad con los principales navegadores web.
Estructura del Sitio Web
El diseño sigue una estructura web moderna ...
Publicado el 7-29 04:49
Propiedades CSS para Posicionamiento y Efectos Visuales
Propiedades de Posicionamiento
Valores disponibles: static, fixed, absolute, relative
absolute: Elimina el elemento del flujo normal. Las propiedades top, bottom, left y right establecen posición absoluta relativa al contenedor más cercano con posición no estática. Si top y bottom coexisten, top prevalece. Mismo comportamiento para left sobre r ...
Publicado el 7-27 23:29
Adaptación de Escalado de Navegador en Vue con Resolución Ajustable
Este artículo detalla un método para adaptar la resolución de aplicaciones Vue a diferentes escalas de navegador, especialmente útil en pantallas de alta densidad de píxeles (HiDPI) y al redimensionar la ventana del navegador. Se enfoca en la implementación mediante un plugin personalizado y la configuración de PostCSS.
Método de Adaptación med ...
Publicado el 7-27 21:38