Tecnología

Inicio

Cómo crear un archivo CSS para su página web completa

March 18

Es útil tener un archivo CSS para todo el sitio web en lugar de tener estilos CSS individuales en cada página. Con los archivos CSS separadas, es fácil de actualizar y mantener la apariencia de todo el sitio web desde un único archivo. Siga estos pasos para aprender.

Instrucciones

1 Se trata de un estilo CSS interno definido en común: ") En" Bloc de notas "y guardarlo como" style.css ".

3 Ahora abrir una página HTML existente (o crear una nueva página HTML y guardarlo como myStyle.html en la misma carpeta que el archivo style.css). En el código fuente de la página entre el etiquetas añadir la siguiente línea:.

4 Usted ha creado un archivo CSS externo y vinculado a la página. Aplicar este estilo CSS para el contenido de la página. La aplicación de estilo CSS dentro de la página se puede lograr de otra manera. Por ahora, sólo utilice "" etiquetas. . Etiquetas span se utilizan de esta manera: Contenido viene aquí. Todo el contenido entre estas "etiquetas" contendrá sus "" propiedades de estilo allContent.

5 El código fuente de la página debe tener este aspecto:

<title>My Page</title>

<Link href = "style.css" rel = "stylesheet" type = "text / css" />

</ Head>
<Body>

<Span class = "allContent"> Su contenido aquí </ span>

</ Body>
</ Html>.

Consejos y advertencias

  • Si va a crear un nuevo archivo CSS totalmente a continuación, usted tiene que seguir esta estructura: .StyleName {propiedades}.
  • Propiedades deben definirse tal como se muestra: nombre-propiedad: valor ;.
  • El método de copiar / pegar con Microsoft Word puede no funcionar en algunos sitios web correctamente debido a un código invisible que contiene.