Archivo de la etiqueta: CSS

Diseño Web: Fundamentos y Tendencias Actuales

Módulo: Diseño Web

1. Filas y Columnas en HTML

1.1 Agrupación

En HTML, las filas y columnas se organizan principalmente usando tablas y sistemas de rejilla como CSS Grid o Bootstrap. Esto facilita la estructuración del contenido en un diseño ordenado y flexible.

1.2 Elementos

Los principales elementos utilizados para crear filas y columnas son:

CSS, XSL y Bases de Datos: Fundamentos y Aplicaciones

Hojas de Estilo: CSS y XSL

CSS (Cascading Style Sheets)

CSS (Style Sheet for HTML): Permite dar estilo a documentos HTML y XML. Cada etiqueta está predefinida y el navegador sabe cómo interpretarlas.

XSL (Extensible Stylesheet Language)

XSL (Style Sheet for XML): Hoja de estilo XML. Las etiquetas no están predefinidas y el navegador no sabe cómo interpretarlas. Utiliza las etiquetas XSL y HTML para definir cómo mostrar el XML.

XSL (Extensible Stylesheet Language) Dispone de 3 partes:

Propiedades y Valores de CSS: Tabla Completa

Propiedades y Valores de CSS

Esta tabla proporciona una referencia completa de las propiedades y valores más comunes en CSS, junto con sus descripciones y notas relevantes. Está diseñada para ser una herramienta útil para desarrolladores web de todos los niveles.

Tabla de Propiedades y Valores

Propiedad / ValoresDescripción y Notas

background

Cualquier combinación de los valores de background-attachment, background-color, background-image, background-repeat, y/o background-position, o inherit

Para Seguir leyendo “Propiedades y Valores de CSS: Tabla Completa” »

Propiedades y elementos esenciales de CSS y HTML

Estilos CSS

  • Color del texto: color: red;
  • Tamaño de la fuente: font-size: 12px;
  • Tipo de letra: font-family: Arial, Helvetica, sans-serif;
  • Anchura de caracteres: font-weight: 200;
  • Estilo de la fuente: font-style: normal;
  • Espaciado entre líneas: line-height: 12px;
  • Texto subrayado, sobrerayado o tachado: text-decoration: underline | overline | line-through | none;
  • Alineación del texto: text-align: left | right | center | justify;
  • Sangrado o márgenes en las páginas: text-indent: 10px;
  • Primera letra en mayúsculas Seguir leyendo “Propiedades y elementos esenciales de CSS y HTML” »

Propiedades y etiquetas en HTML y CSS

Explicación de la propiedad box-sizing

La propiedad box-sizing: border-box; ajusta el contenido de forma automática a la deseada dentro de un contenedor, evitando ajustes adicionales.

Diferencia entre padding, border y margin

Padding: borra un área alrededor del contenido. Border: un borde que rodea el padding y el contenido. Margin: borra un área fuera del border.

Diferencia entre HTML y CSS

HTML es un lenguaje estándar y básico, mientras que CSS aplica estilos y simplifica el código.

Diferencia Seguir leyendo “Propiedades y etiquetas en HTML y CSS” »