About CSS page layouts/es

From Joomla! Documentation

Revision as of 11:09, 17 October 2020 by FuzzyBot (talk | contribs) (Updating to match new version of source page)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Delete-icon.png
This Page is a Candidate for Deletion

This page is a candidate for deletion. The given reason is: This page is orphaned. The information, while relevant and well written, might be better placed elsewhere like https://docs.joomla.org/More_advanced_Joomla!_templates, rather than being an article on its own.

This notice should remain for a minimum of 1 week after it was placed on the page. If discussion is still ongoing, it should remain until a consensus is reached, after which the page will either be deleted or this notice removed. If you disagree with its deletion, please discuss your reasons on its associated talk page, as applicable.

Remember to check if anything links here and the page history before deleting.

Last edit by FuzzyBot (talk · contrib) · Last edited on Sat, 17 Oct 2020 11:09:40 +0000


Sitios web profesionales separan el estilo del contenido. Hay muchas razones para esto, la más obvia (para un desarrollador) la capacidad de controlar la apariencia de muchas páginas con el cambio de un solo archivo. La información de estilo incluye: tipografías; antecedentes; imágenes (que se repiten en cada página), posición y dimensiones de los elementos en la página. El archivo HTML ahora quedará con: información de la cabecera; una serie de elementos; el texto de tu sitio web. Debido a que estás creando la plantilla de un sitio Joomla!, que en realidad tiene: información del encabezado; código php para solicitar el resto de la información de la cabecera; una serie de elementos; código php para la solicitud de cada posición de los módulo; código php para solicitar el contenido principal.

El estilo de la información está codificado en CSS, hojas de estilo en cascada y generalmente se almacenan en archivos con la extensión .css. Una página web contiene un enlace a los archivos asociados .css, por lo que un navegador puede encontrar la información del estilo adecuado para aplicar a la página. CSS también puede ser colocado dentro de un archivo html entre la etiquetas <style type="text/css"></style>.

Todo el código CSS se aplica a un elemento de la página html/xml. Si quieres un estilo para abarcar toda la página, probablemente debas aplicar al elemeto <body>. Puedes aplicar estilos a cualquier elemento html como elementos <p>, <table> o <div>. El estilo de un elemento en particular es necesario que disponga de un ID. Por ejemplo, para aplicar estilos a un <div> que contiene el título, primero tendría que incluir un ID en el html <div ID="title">.