Estilos CSS

Mapa Mental CSS

Comienza Ya. Es Gratis
ó regístrate con tu dirección de correo electrónico
Estilos CSS por Mind Map: Estilos CSS

1. ¿Que es?

1.1. Lenguaje de hojas de estilo

1.2. Separa el contenido de la representación visual del sitio

1.3. Fue creado por W3C en 1996

2. Para que se utiliza

2.1. Controla el aspecto o presentación de una pagina web

2.2. imprescindible para crear páginas web complejas.

2.3. define el aspecto de cada elemento: color, tamaño y tipo de letra, separación entre elementos, posición de cada elemento dentro de la página, etc.

3. como funciona

3.1. utiliza una sintaxis simple basada en el inglés con un conjunto de reglas que la gobiernan

3.2. Cuenta con un selector y un bloque de declaración. Primero seleccionas un elemento y luego declaras lo que quieres hacer con él

3.3. El bloque de declaración contiene una o más declaraciones separadas por punto y coma.

3.4. Cada declaración incluye un nombre de propiedad CSS y un valor

4. ejemplo CSS

4.1. p { color: blue; text-weight: bold; }

5. Implementacion de CSS

5.1. 3 estilos de implementación de CSS

5.1.1. Interna: Los estilos echos de esta manera están dentro del documento por lo tanto tarda mas en cargar

5.1.2. Externo: Esto significa que puedes hacer todo el estilizado en un archivo separado y aplicar el CSS a cualquier página que quieras

5.1.3. En linea: trabaja con elementos específicos que tienen la etiqueta <style>. Cada componente tiene que ser estilizado, por lo que podría no ser la mejor forma

6. Hoy en dia

6.1. Hoy en día podrás ver algún tipo de implementación de CSS en cualquier parte, ya que es un requisito tan importante como el propio lenguaje de marcado.