ESTILO CSS

LOS ESTILOS CSS

• Las hojas de estilo representan un avance importante para los diseñadores de páginas web, al darles un mayor rango de posibilidades para mejorar la apariencia de sus páginas.
• A medida que la Web era descubierta por un espectro mayor de personas de distintas procedencias, las limitaciones del HTML se convirtieron en fuente de continua frustración, y los autores se vieron forzados a superar las limitaciones estilísticas del HTML
• 

FUNCIONES DE LAS CSS

• CSS funciona en base a declaraciones sobre el estilo de uno o más elementos. Las hojas de estilo están compuestas por una o más de esas reglas aplicadas a un documento HTML. La regla tiene dos partes: un selector y la declaración. A su vez la declaración está compuesta por un selector, una propiedad y el valor que se le asigne
• 

TIPOS DE ESTILOS

TIPOS DE ESTILOS

• 
• La etiqueta <link> incluye los siguientes atributos cuando enlaza un archivo CSS:
• •rel: indica el tipo de relación que existe entre el recurso enlazado (en este caso, el archivo CSS) y la página HTML. Para los archivos CSS, siempre se utiliza el valor stylesheet
• •type: indica el tipo de recurso enlazado. Sus valores están estandarizados y para los archivos CSS su valor siempre es text/css
• •href: indica la URL del archivo CSS que contiene los estilos. La URL indicada puede ser relativa o absoluta y puede apuntar a un recurso interno o externo al sitio web.

SELECTORES

• Selector universal
• Se utiliza para seleccionar todos los elementos de la página. El selector universal se indica mediante un asterisco (*).
• 

SELECTORES

• Selector de tipo o etiqueta
• Este tipo de selector identifica a un tipo de elemento que conforma el código HTML modificando el aspecto predeterminado de la etiqueta.
• 

SELECTORES

• Selector de Clase
• Cuando se declara una regla en la hoja de estilo, esta regla se aplica a todos los elementos HTML descritos por su selector.
• Selector de ID
• Aunque puede utilizarse un selector de clase para aplicar estilos a un único elemento, existe otro selector más eficiente en este caso.
• ¿Qué es CSS? bien explicado (Embed)