Paginas web

Páginas: 13 (3073 palabras) Publicado: 17 de febrero de 2011
Hojas de estilo CSS
Una hoja de estilo es un conjunto de reglas que se aplican a una o más etiquetas HTML y definen qué apariencia tendrá el contenido de esa hoja al enviarla a pantalla, al imprimirla, o con cualquier dispositivo que se use para ver una página web.
La sintaxis básica de CSS es muy simple e intuitiva. Consta de una serie de Reglas que describen la forma en que se visualiza cadauno de los elementos del siguiente modo:
Selector {Propiedad: Valor;}
e jemplo: H1 {align: left;}, P {align: center;}, P {color: #ff0000;}

1 Clases

es el nombre que se le asigna a una etiqueta HTML por medio del atributo CLASS para luego poder hacer referencia a ella. Por ejemplo, si hemos definido uno o más párrafos por medio de la etiqueta , podemos asignarle color azul y alineación a laderecha con la siguiente regla: P.azul {align: right; color: #0000ff;}

2 Identificadores

Los identificadores, que se asignan a una etiqueta HTML con el atributo ID, funcionan igual que las clases, pero con la diferencia de que se pueden emplear solo una vez en un documento HTML.
se declara #fulano {align: center;}

3 Pseudoclases

Las pseudoclases son un tipo especial declase que no definimos nosotros, si no que ya están definidas por el estandar CSS. Actualmente solo existen tres pesudoclases, y solo afectan al elemento :
A:link
A:active
A:visited

4 Hojas de estilo externas

son aquellas que se almacenan en un documento aparte, y alas que se llama desde el documento HTML, se usa del siguiente modo:

Unidades de medida

Tamaño
unidades relativas
emdesigna el ancho de la letra m.
ex hace lo propio con la letra x.
px indica que la medida se hace en pixels.
unidades absolutas
cm Centímetros.
mm Milímetros.
in Pulgadas (inches), algunos países aún no han descubierto las ventajas del Sistema Métrico Decimal. Una pulgada equivale a 2'54 cm.
pt Puntos. Antigua unidad tipográfica (del siglo XVIII), de cuando los libros se imprimían contipos móviles de plomo. equivale a 0'351 mm.( Por si tienes algo de curiosidad histórica, te diré que este es el punto anglo-americano. en el resto de Europa el punto que se usaba, llamado punto Didot, medía 0'376 mm.).
pi Picas. Igual que la anterior, equivale a 12 puntos (unos 4'2 mm.).

1 Unidades percentuales

B {font-size: +20%;}
I {font-size: -20%;}

2 Unidades de color

B.negro{color: #000000;}
B.negro {color: #000;}
B.negro {color: rgb(0,0,0);}
B.negro {color: rgb(0%,0%,0%);}

3 Propiedades de texto

Son aquellas que modifican las características del texto, tales como el espaciado entre palabras o la alineación.

word-spacing indica el espaciado entre palabras que se asignará a un texto. Usualmente no es necesario cambiarlo, pues los navegadores lo distribuyencorrectamente.word-spacing:

valor puede ser normal o cualquiera de las unidades

letter-spacing Sirve para asignar el espaciado entre caracteres de un texto
letter-spacing:

text-decoration plica algunos "adornos" al texto, como subrrayados o tachados.
text-decoration:

puede ser uno de los siguientes:

none: Indica que no se aplicará ninguna decoración.
underline: Subrayado.overline: Una línea por encima del texto
line-through: Tachado.
blink: Texto parpadeante.

Valor por defecto: none

8vo B

vertical-align Indica la alineación vertical de los elementos de línea (son elementos de línea aquellos que no tienen un salto de carro como, por ejemplo, o ).
vertical-align:

puede tener uno de estos tres valores:

normal: Es exactamente eso, lo normal.
italic:Itálica, cursiva.
oblique: Inclinada, un estilo parecido a algo intermedio entre la cursiva y la normal.

Valor por defecto: normal.

font-variant Este atributo se usa, actualmente, solo para definir si quieres usar las mayúsculas y minúsculas de la forma tradicional o como "versalitas", es decir, usando unas mayúsculas de menor tamaño en lugar de minúsculas.
font-variant:
puede tener uno...
Leer documento completo

Regístrate para leer el documento completo.

Estos documentos también te pueden resultar útiles

  • Pagina web
  • Paginas Web
  • Paginas Web
  • pagina web
  • Página web
  • Paginas Web
  • Paginas Web
  • paginas web

Conviértase en miembro formal de Buenas Tareas

INSCRÍBETE - ES GRATIS