Preformateocss

Preformateo en CSS
CSS es un lenguaje de hojas de estilos creado para controlar el aspecto o presentación de los documentos electrónicos definidos con HTML y XHTML. CSS es la mejor forma de separar los contenidos y su presentación y es imprescindible para crear páginas web complejas.
Separar la definición de los contenidos y la definición de su aspecto presenta numerosas ventajas,ya que obliga a crear documentos HTML/XHTML bien definidos y con significado completo (también llamados "documentos semánticos"). Además, mejora la accesibilidad del documento, reduce la complejidad de su mantenimiento y permite visualizar el mismo documento en infinidad de dispositivos diferentes.
Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML paramarcar los contenidos, es decir, para designar la función de cada elemento dentro de la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.
Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página,etc.
Para crear un CSS válido que los navegadores sean capaces de interpretar, se debe tener en cuenta tres elementos:
 Atributos - Son una palabra que identifica a que estilo nos referimos
 Valores - Indican como queremos que sea ese atributo
 Selectores - Indican sobre qué elementos queremos trabajar
100076058547000Los siguientes son ejemplos de utilización de los diferentestipos de selectores: Selectores o etiquetas personalizadas
h1 { }
Selectores de clase
Los selectores de clase se integran en el documento utilizando el atributo class. Existen dos tipos de selectores de clase: Generales y específicos.
General
.small <a class="small">Novedades</a> Específico p.small p.small { font-size: 10px;} Selectores ID Son similares a los selectores de clase.Se diferencia comportamiento. en la semántica y en el
#cabecera <div id="cabecera">Contenido de cabecera</div> Selectores contextuales (descendientes) p em { } Selectores hijo div>p { } Pseudo selectores dinámicos  hover
 active
 focus
La siguiente tabla presenta las propiedades o atributos que pueden incluir varios valores dentro de los selectores:
AbreviaciónPropiedades que incluye
background
background-attachment background-color
1983105-126365000background-image background-position background-repeat
border
border-color border-style border-width
border-bottom
border-bottom-color border-bottom-style border-bottom-width
border-left
border-right
border-left-color border-left-style border-left-width
border-right-color border-right-styleborder-right-width
border-top
border-top-color border-top-style border-top-width
198310589090500font
font-family font-size font-style font-weight font-variant font-height
list-style
list-style-image list-style-position list-style-type
margin
margin-top margin-right margin-bottom margin- left
padding
padding-top padding-right padding-bottom padding-left
1000760875665000
Ejemplo de uso:
p {font: bold normal 16px/15px Arial, sans-serif; }
Elementos de bloque
 h1-h6
 p
 form
 table
 ol
 ul
Elementos en línea
 a
 em
 strong
 img
 input
Clases, pseudoclases y pseudoelementos
Una clase es una serie de propiedades y métodos que se agrupan en una estructura para poder aplicarlos conjuntamente a una serie de objetos, como CSS notiene métodos, en este caso la clase solo contendrá propiedades (atributos) y decidiremos que objetos pertenecen a esta clase con el atributo HTML class.
Las pseudoclases son unas clases especiales de HTML, que se refieren a algunos estados especiales del elemento. Las principales pseudoclases son para el objeto A (vínculo), y son las siguientes:
 link - Enlace sin explorar
 visited -...