Tecnología

Inicio

Cómo dar formato en CSS

Cómo dar formato en CSS


Dar formato a hojas de estilo en cascada (CSS) es la forma en que realmente entra a sus reglas de estilo en el documento. Este formato determina dónde aparecen los espacios, muescas, atributos y soportes. Un buen diseño le permite crear una sintaxis clara que se puede navegar con facilidad, leer y modificar. Aunque no hay reglas duras y rápidas cuando se trata de la organización de sus estilos, puede dar formato en el CSS mediante un procedimiento que es ampliamente aceptado.

Instrucciones

1 Poner en marcha su programa de edición de texto, y abrir su archivo CSS.

2 Enter "/

/ "Para crear etiquetas de comentario CSS y escriba una nota, como la sección de la página de las próximas estilos afectan, entre estos elementos. Por ejemplo:

/ Encabezado /

Los comentarios no son visibles en una página Web.

3 Introduzca el HyperText Markup Language (HTML) elemento, ID o clase en la que está el peinado. Presione la barra espaciadora para crear un espacio, escriba un paréntesis de apertura que precede a su atributo (s), pulse el botón Intro para realizar una nueva línea, a continuación, introduzca un paréntesis de cierre. Para ilustrar: {cabecera

}

4 Coloque el cursor entre los corchetes, y entrar en un atributo con los dos puntos al final. Presione la barra espaciadora, escriba el valor del atributo e introduzca un punto y coma para completar la declaración. Por ejemplo:

{cabecera

color: #606060;

}

5 Crear una nueva línea en el marco del primer atributo, e introduzca su información de esta manera:

{cabecera

color: #606060;

text-decoration: underline;

}

Repita este proceso para agregar todos los atributos para esta regla CSS como sea necesario.

6 Pulse la tecla Enter, y repita los pasos para crear una nueva etiqueta de comentario (si es necesario) y crear una nueva regla. Por ejemplo:

/

Encabezado /

{cabecera

color: #606060;

text-decoration: underline;

}

/ Contenido Principal /

pag {

font-size: 12px;

Color: #cccccc;

}

7 Guarde el archivo CSS.