mi parte

Páginas: 8 (1890 palabras) Publicado: 17 de noviembre de 2015
Ejemplos de Implementación
Selectores
Cualquier elemento HTML es un posible selector CSS1. El selector es simplemente el elemento que está conectado a un estilo particular. Por ejemplo, el selector en:
P { text-indent: 3em }
es P.
Selectores de clase
Un selector sencillo puede tener diferentes clases, permitiendo así al mismo elemento tener diferentes estilos. Por ejemplo, un autor puede querermostrar el código en un color diferente dependiendo del idioma:
code.html { color: #191970 }
code.css { color: #4b0082 }
El ejemplo de arriba ha creado dos clases, css y html para usar con el elemento CODE de HTML. El atributo CLASS se usa en HTML para indicar la clase de un elemento, por ejemplo,

Solo se permite una clase por selector.
Por ejemplo, code.html.proprietario noes válida.


Las clases también pueden ser declaradas sin elementos asociados:
.nota { font-size: small }
En este caso, la clase nota puede usarse con cualquier elemento.
Una buena práctica es llamar a las clases de acuerdo a su función y no por su apariencia. La clase nota del ejemplo de arriba pudo haber sido llamada pequeña (small), pero este nombre perdería todo significado si el autordecidiera cambiar el estilo de la clase de tal modo que ya no tuviera una fuente pequeña.
Selectores ID
Los selectores ID son asignados individualmente con el propósito de una definición en términos 'por elemento'. Este tipo de selector debería ser usado con moderación debido a sus inherentes limitaciones. Un selector ID se asigna mediante el uso del indicador "#" para preceder un nombre. Por ejemplo,un selector ID podría asignarse así:
#svp94O { text-indent: 3em }
Esto sería referenciado en HTML por el atributo ID:

Texto con sangría 3em


Selectores de contexto
Los selectores de contexto son simples cadenas de dos o más selectores simples separados por espacio en blanco. A estos selectores se les pueden asignar propiedades normales y, debido a las reglas del orden de cascada,tendrán precedencia sobre selectores simples. Por ejemplo, el selector de contexto en:
P EM { background: yellow }
es P EM. Esta regla dice que el texto con énfasis dentro del párrafo debería tener un fondo amarillo; el texto con énfasis en un encabezado no sería afectado.
Declaraciones
Propiedades
Se asigna una propiedad a un selector a fin de manipular su estilo. Ejemplosde propiedades incluyen color, margin, y font.
Valores
El valor de declaración es la asignación que recibe la propiedad. Por ejemplo, la propiedad color podría recibir el valor red (rojo).
Agrupamiento
A fin de disminuir declaraciones repetitivas dentro de hojas de estilo, se permite el agrupamiento de selectores y declaraciones. Por ejemplo, todos los encabezados en un documento podrían tener idénticas declaracionesmediante un agrupamiento:
H1, H2, H3, H4, H5, H6 {
color: red;
font-family: sans-serif }
Herencia
Prácticamente todos los selectores que estén anidados dentro de selectores, heredarán los valores de propiedades asignados al selector exterior, salvo que se modifiquen de otra manera. Por ejemplo, un color definido por BODY también será aplicado al texto en un párrafo.
Hay algunos casos donde elselector interior no hereda los valores del selector exterior, pero éstos deberían ser evidentes. Por ejemplo, la propiedad margin-top no es heredada; intuitivamente, un párrafo no tendría que tener el mismo margen superior del cuerpo del documento.
Comentarios
Los comentarios se indican dentro de hojas de estilo con las mismas convenciones usadas en la programación C. Una muestra de comentario CSS1tendría el siguiente formato:
/* LOS COMENTARIOS NO PUEDEN ANIDARSE */
Seudo-clases y seudo-elementos
Las seudo-clases y los seudo-elementos son "clases" y "elementos" especiales reconocidos automáticamente por los navegadores que soportan CSS. Las seudo-clases distinguen entre los diferentes tipos de elementos (por ej., los enlaces visitados y los enlaces activos representan dos tipos de...
Leer documento completo

Regístrate para leer el documento completo.

Estos documentos también te pueden resultar útiles

  • Partes de la misa
  • Parto
  • Antes De Partir
  • PARTIDOS
  • AL PARTIR
  • partes
  • parto
  • EL PARTO

Conviértase en miembro formal de Buenas Tareas

INSCRÍBETE - ES GRATIS