CSS - Texto

iSearchNotes is a FREE service that allows College Students to
Search and Share Class Notes.

Vote Up
0
Vote Down
By: profeinformatica 11
April 18, 2011 | Computer Science - Vicente Torregrosa
Save Notes for Word
.doc
3738
views

TEXTO

Para formatear texto, tenemos una serie de propiedades que son aplicables a etiquetas como BODY, P, H1, H2, H3, H4, H5 o H6

color

La propiedad color se utiliza para establecer el color del texto. Ejemplos:

Ejemplo 1:

    BODY

    {

        color: green;

    }

Establecería el color verde por defecto para todos los textos de la página

Ejemplo 2:

    P

    {

        color: blue;

    }

Establecería el color azul por defecto para los textos marcados con la etiqueta P

Ejemplo 3:

    H3

    {

        color: red;

    }

Establecería el color rojo por defecto para todos los encabezados marcados con la etiqueta H3

text-align

La alineación del texto puede tener los valores:

  • left
  • right
  • center
  • justify

Ejemplo 4:

    P

    {

        text-align: center;

    }

Establecería que todos los párrafos marcados con la etiqueta P estén centrados por defecto.

 

font-family

Establece el tipo de fuente de letra. Puede ser: "Arial", "Times New Roman", "Verdana", etc...

Ejemplo 5:

    P

    {

        font-family: "Times New Roman";

    }

Establece el tipo Times New Roman a todos los párrafos etiquetas con P.

 

font-size

Establece el tamaño de la letra

Ejemplo 6:

    P

    {

        font-size: 30px:

    }

Establece un tamaño de 30 pixels para todos los párrafos con la etiqueta P

 

TODO JUNTO

Como las propiedades se pueden unir, podríamos aplicar varias propiedades en un selector. Por ejemplo, para hacer que todos los párrafos tengan la letra de color azul, alineación justificada, el tipo de letra sea Arial y tenga un tamaño de 40 pixels se pondría la regla:

Ejemplo 7:

    P

    {

        color: blue;

        text-align: justify;

        font-family: "Arial";

        font-size: 40px;

    }

 

 

 

 

Enjoyed These Notes?
Your support will help spread the extreme awesomeness that is iSearchNotes!

0 Comments

You must login to comment.
iSearchNotes.com on Facebook

Login - Register