Crear o modificar una hoja de estilos en cascada

Importante:  Este artículo se ha traducido con traducción automática; vea la declinación de responsabilidades. Para su referencia, puede encontrar la versión en inglés de este artículo aquí.

Las hojas de estilos en cascas (CSS) le brindan el control sobre la presentación de las páginas Web. Si utiliza CSS, puede ubicar con precisión los elementos de una página Web y definir su apariencia.

Una CSS puede ser externa, interna o en línea, en relación con una página Web, y una página Web puede usar uno o varios de estos tipos de CSS simultáneamente. En general, los estilos definidos en una CSS en línea tienen prioridad sobre los de las internas o externas, y los estilos de una CSS interna tienen prioridad sobre los de una CSS externa.

¿Qué desea hacer?

Crear una CSS externa

Crear una CSS interna

Crear una CSS en línea

Crear una CSS externa

Use una hoja de estilos en cascada cuando desee aplicar los mismos estilos en varias o todas las páginas Web de un sitio. Si define los estilos en una o varias hojas de estilos externas y las adjunta a las páginas Web, puede garantizar que todo el sitio tiene la misma apariencia. Si decide cambiar un estilo, sólo tiene que hacer un cambio, en la CSS externa, que queda reflejado automáticamente en todas las páginas Web que hacen referencia a ese estilo y esa CSS.

Una CSS externa está dentro de un archivo .css, por ejemplo core.css. La sintaxis de una CSS externa es la misma que la de una CSS interna, salvo que los estilos definidos en las hojas de estilos externas no van entre la etiquetas <style>.

Crear una CSS externa en blanco

  • En el menú Archivo, elija Nuevo y, a continuación, haga clic en CSS.

    Sugerencia: Puede hacer clic en la flecha hacia abajo en el botón Nuevo documento botón en las barras de herramientas estándar o comunes y, a continuación, haga clic en CSS.

Crear un nuevo estilo y una CSS externa en un solo paso

  1. En el menú Formato, haga clic en Nuevo estilo.

    Sugerencia: También puede hacer clic en Nuevo estilo en el panel de tareas Aplicar estilos o Administrar estilos de la barra de herramientas Estilo.

  2. En el cuadro de diálogo Nuevo estilo, en el cuadro Definir en, haga clic en Nueva hoja de estilos.

Volver al principio

Crear una CSS interna

Use una CSS interna, también denominada CSS incrustada, si desea definir estilos únicamente para la página Web actual y si desea anular los estilos definidos en una CSS externa adjuntada a la página Web actual.

Una CSS se encuentra dentro de las etiquetas <head> de una página Web.

Ejemplo de hoja de estilos interna

<style type="text/css">
.alert {
font-weight: bold;
color: #FF0000;
}
h1 {
font-size: 16pt;
font-family: Arial, Helvetica, sans-serif;
}
#headlines {
border-color: #000000;
border-width: thin;
border-style: solid;
}
</style>

Crear una CSS interna

  1. Abra la página Web que desea que contenga la CSS.

  2. En el menú Formato, haga clic en Nuevo estilo.

    Sugerencia: También puede hacer clic en Nuevo estilo en el panel de tareas Aplicar estilos o Administrar estilos de la barra de herramientas Estilo.

  3. En el cuadro de diálogo Nuevo estilo, en el cuadro Definir en, seleccione Página actual.

Volver al principio

Crear una CSS en línea

Use un estilo en línea para aplicar propiedades de CSS a elementos concretos de una página si no va a volver a utilizar el estilo. Un estilo en línea se define dentro de la etiqueta inicial de un elemento HTML de la página Web.

Para obtener más información sobre cómo crear un estilo, vea el artículo crear y aplicar un estilo.

Ejemplo de hoja de estilos en línea

<p style="font-weight: bold; font-style: italic; color: #FF0000">

Volver al principio

Nota: Declinación de responsabilidades de traducción automática: Este artículo se ha traducido con un sistema informático sin intervención humana. Microsoft ofrece estas traducciones automáticas para que los hablantes de otros idiomas distintos del inglés puedan disfrutar del contenido sobre los productos, los servicios y las tecnologías de Microsoft. Puesto que este artículo se ha traducido con traducción automática, es posible que contenga errores de vocabulario, sintaxis o gramática.

Ampliar sus conocimientos
Explorar los cursos
Obtener nuevas características primero
Únase a los participantes de Office Insider

¿Le ha sido útil esta información?

¡Gracias por sus comentarios!

Gracias por sus comentarios. Quizá le interese ponerse en contacto con uno de nuestros agentes de soporte de Office.

×