CSS
Importante
¿Que es CSS?
Cascading Style Sheets
Es un lenguaje de diseño grafico que se usa para establecer diseños de paginas web
Le da vida a nuestra pagina web
CSS No es un lengua de programación
Se escribe dentro del código HTML
Ya que este esta creado para trabajar en conjunto con HTML
¿Para que sirve CSS?
La tecnología CSS está diseñada para marcar la división del contenido de las páginas web y la manera de presentación de estas.
Se encuentra en su 3era versión
El cual agrega nuevas características como degradados, transparencias,animaciones,bordes,etc
Gracias a sus nuevas actualizaciones puedes realizar un mejor trabajo
Conceptos básicos de CSS
¿Que es un selector?
¿Que es una propiedad?
Son las modificaciones concretas que aplicas en la hoja de estilos CSS a un elemento de tu web mediante un selector. Por ejemplo, al selector llamado #boton le puedo aplicar las siguientes propiedades de color, ancho, relleno y borde:
Un selector es el nombre que tiene un definido componente dentro del código de tu web. Conociendo el nombre del selector puedes modificar ese determinado elemento como tu quieras.
Tipo de selectores
Identificador
Un identificador es el nombre de un elemento concreto que no se repite más que una vez en toda la web. Es un nombre único, y aplicándole una modificación vas a modificar únicamente este elemento. Los identificadores se definen en la hoja de estilos CSS con # (almohadilla)
Clase
Una clase es el nombre de una regla que se repite en diversos sitios de tu web. Ejemplificando, puedes tener una clase llamada .negro que puedes utilizar tanto a textos como a botones para que se pongan de este color. O sea, defines un estilo genérico que puedes ejercer a cualquier factor cuantas veces quieras.
El nombre de los selectores viene determinado por el desarrollador de la plantilla, es decir, son nombres arbitrarios elegidos por el creador del tema, aunque a menudo tienen cierta lógica.
Ejemplos
width: 100px; (ancho de 100 píxeles)
border: 1px solid #000; (borde de color negro continuo de 1 píxel de grosor)
border-radius: 5px; (redondeado de un ángulo de 5 píxeles en todas las esquinas de la caja)
color: #fff; (color del texto dentro de la caja en blanco)
click to edit
CARACTERÍSTICAS DE LAS CSS
Complementariedad con documentos estructurados.
CARACTERÍSTICAS DE LAS CSS Independencia del vendedor, la plataforma y el dispositivo.
CARACTERÍSTICAS DE LAS CSS Mantenibilidad
CARACTERÍSTICAS DE LAS CSS
Simplicidad.
CARACTERÍSTICAS DE LAS CSS
Rendimiento de la red.
CARACTERÍSTICAS DE LAS CSS Flexibilidad.
CARACTERÍSTICAS DE LAS CSS
Riqueza