Las siglas CSS (Cascading Style Sheets) significan «Hojas de estilo en cascada» y parten de un concepto simple pero muy potente: aplicar estilos (colores, formas, márgenes, etc...) a uno o varios documentos (generalmente documentos HTML, páginas webs) de forma automática y masiva.
La idea de CSS es la de utilizar el concepto de separación de presentación y contenido. Este concepto se basa en que, como programadores, lo ideal es separar claramente el código que escribimos. ¿Por qué? Porque con el tiempo, esto hará que el código sea más fácil de modificar y mantener.
En primer lugar, recuerda que debemos tener el documento .css enlazado desde nuestro documento .html, preferiblemente desde una etiqueta "link rel="stylesheet". En su atributo href colocaremos el nombre del documento .css que contiene los estilos:
<link rel="stylesheet" href="index.css" /> Otra de las formas que existen para incluir estilos CSS en nuestra página es la de añadirlos directamente en el documento HTML, a través de una etiqueta <style> que contendrá el código CSS:
<style>
div {
background: hotpink;
color: white;
}
</style>Por último, la tercera forma de aplicar estilos en un documento HTML es el conocido como estilos en línea. Se trata de hacerlo directamente, a través del atributo style de la propia etiqueta donde queramos aplicar el estilo, colocando ahí las propiedades CSS (que pueden separarse por ;):
<p>¡Hola <span style="color: red; padding: 8px">amigo lector</span>!</p>El objetivo básico del lenguaje de Cascading Stylesheet (CSS) es permitir que un motor del navegador pinte elementos de la página con características específicas, como colores, posicionamiento o decoraciones. La sintaxis CSS refleja este objetivo y sus elementos básicos son:
- La propiedad que es un identificador, es decir, es un nombre legible por el ser humano, que define qué característica se considera.
- El valor que describe cómo la característica debe ser manejada por el motor. Cada propiedad tiene un conjunto de valores válidos, definidos por una gramática formal, así como un significado semántico, implementado por el motor del navegador.
strong {
color: red;
}
div.menu-bar li:hover > ul {
display: block;
}
Los seleccionadores básicos son selectores fundamentales; estos son los seleccionadores más básicos que se combinan con frecuencia para crear otros selectores más complejos.
- Seleccionador universal
* - Seleccionador de tipo
elementname - Seleccionador de clases
.classname - Seleccionador de identificación
#idname - Seleccionador de atributos
[attr=value]
El catalogo de propiedades en CSS es extenso puedes hacer dar click en el siguiente vinculo para acceder saber mas al respecto: Propiedades CSS
Toda la informacion encontrada aqui fue obtenida de las siguientes paginas:
Esta pagina fue creada por JuanSposada, visitalo en su pagina de Github