Descripción general de hojas de estilo en cascada

Al utilizar CSS para controlar sus fuentes, puede garantizar una mayor coherencia en el aspecto y formato de sus páginas en múltiples navegadores. Algunas de las muchas propiedades de texto que CSS le permite controlar incluyen la familia y el tamaño de la fuente, el color del texto y del fondo, el formato del texto y el color de los vínculos.

Mediante CSS, también puede colocar, agregar color, hacer que el texto flote alrededor y establecer márgenes y bordes para elementos a nivel de bloque. Un elemento de nivel de bloque es una porción de contenido independiente con un formato visual de bloque. Por ejemplo, los bloques de contenido (equivalentes a etiquetas p) y los paneles (equivalentes a etiquetas div) son elementos de nivel de bloque.

Site.com admite CSS3, que es la especificación más reciente de CSS.

Acerca de estilos en línea frente a hojas de estilo

En Site.com Studio, puede:

• Aplique estilos directamente a una página o elemento de página seleccionado utilizando la opción En línea en el panel Estilo (). Los estilos en línea únicamente se aplican al elemento seleccionado.
• Agregue elementos de estilo como clases o Id. de CSS a una hoja de estilo y aplique los elementos de estilo a la página o al elemento de página seleccionado. Este enfoque separa el contenido (sus páginas Web) de la presentación (la hoja de estilo).

Si no está familiarizado con CSS, la opción en línea es probablemente la más sencilla de utilizar y comprender. Sin embargo, los estilos en línea pierden muchas de las ventajas de las hojas de estilo porque mezclan el contenido con la presentación; el estilo en línea únicamente se aplica a ese elemento individual. Si necesita actualizar el estilo de su sitio, tiene que actualizar las propiedades de estilo de todas las páginas y todos los elementos de página afectados.

Por el contrario, aunque las hojas de estilo pueden ser más difíciles de comprender en primer lugar, le permiten realizar cambios de todo el sitio desde una ubicación cómoda. Cuando actualiza un elemento de estilo en su hoja de estilo, inmediatamente actualiza el estilo de todas las páginas y todos los elementos de página que lo utilizan.

Merece la pena dedicar el tiempo necesario para familiarizarse con CSS porque:

• Ahorra tiempo y trabajo al crear y diseñar su sitio
• Produce diseños de sitios más pulcros y coherentes
• Simplifica la navegación para personas con problemas de accesibilidad (como los visitantes del sitio que utilizan lectores de pantalla)

Para obtener más información sobre cómo utilizar CSS y crear hojas de estilo, vaya a World Wide Web Consortium (W3C) en www.w3.org/Style/CSS. También hay numerosos tutoriales disponibles en Internet que ofrecen formación en profundidad sobre CSS.

Acerca de clases e Id. de CSS

Cuando utiliza hojas de estilo para aplicar estilos a su sitio, puede redefinir el formato de etiquetas HTML como body o h1. También puede crear clases e Id. de CSS para definir el estilo de elementos específicos, como encabezados o contenido repetido. Una clase CSS le permite definir y aplicar propiedades de estilo a numerosos elementos de una página, mientras que un Id. de CSS es perfecto para tratar un único elemento de una página. Por ejemplo, en la estructura de una página, los Id. suelen utilizarse para definir las áreas de encabezado y pie de página, ya que cada página únicamente tiene un encabezado o pie de página, pero las clases se utilizan para definir elementos de página repetidos, como una publicación en un blog.

Prácticas recomendadas

• Incluya un restablecimiento de CSS en su hoja de estilo para restablecer todos los elementos de estilo a un valor básico. Un restablecimiento de CSS ayuda a evitar las diferencias entre navegadores debido a su configuración de estilo predeterminada integrada.
• Utilice clases e Id. de CSS en lugar de estilos en línea siempre que sea posible. Las clases e Id. de CSS favorecen la separación de la presentación y el contenido y facilitan la actualización de los estilos del sitio.
• Utilice los Id. cuando únicamente haya una incidencia por página. Una vez que haya utilizado el Id., no podrá volver a utilizarlo en dicha página. Utilice las clases cuando haya una o más incidencias por página.
• Utilice grupos para organizar su CSS lógicamente y facilitar el mantenimiento de su hoja de estilo.
• Si está utilizando CSS3, asegúrese de que obtiene una vista previa del sitio y lo comprueba en cada navegador con el que desee que sea compatible, ya que algunos navegadores todavía no han implementado completamente las funciones de CSS3.