Mapa mental
CSS

Conteúdo do mapa
CSS
Concepto
- 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
- Hojas de estilo en cascada
Creador
- La propuesta CHSS fue realizada por Håkon Wium Lie y SSP fue propuesto por Bert Bos. Entre finales de 1994 y 1995.
- En 1995, el W3C decidió apostar por el desarrollo y estandarización de CSS y lo añadió a su grupo de trabajo de HTML. A finales de 1996
- La propuesta CHSS fue realizada por Håkon Wium Lie y SSP fue propuesto por Bert Bos. Entre finales de 1994 y 1995.
Navegadores que les soportan
Formas de dar estilo a una pagina
- En la misma pagina
- Los estilos se definen en una zona específica del propio documento HTML. Se emplea la etiqueta <style> de HTML y solamente se pueden incluir en la cabecera del documento (sólo dentro de la sección <head>).
- <head> <style type="text/css"> p { color: red; font-family: Verdana; } </style> </head>
- <p>Un párrafo de texto.</p>
- Un párrafo de texto
- <p>Un párrafo de texto.</p>
- <head> <style type="text/css"> p { color: red; font-family: Verdana; } </style> </head>
- Los estilos se definen en una zona específica del propio documento HTML. Se emplea la etiqueta <style> de HTML y solamente se pueden incluir en la cabecera del documento (sólo dentro de la sección <head>).
- En un archivo externo en .css
- archivo.css
- <link rel="stylesheet" type="text/css" href="/css/estilos.css" media="screen" />
- archivo.css
- En la misma pagina
Componente
Selectores
- Selector universal
- * { margin: 0; padding: 0; }
- Selector de tipo o etiqueta
- h1, h2, h3 { color: #8A8E27; font-weight: normal; font-family: Arial, Helvetica, sans-serif; }
- Selector descendente
- p span { color: red; }
- Codigo en html
- Codigo en html
- p span { color: red; }
- Selector de clase
- se prefija el valor del atributo class con un punto (.)
- .destacado { color: red; }
- se prefija el valor del atributo class con un punto (.)
- Selectores de ID
- se utiliza el símbolo de la almohadilla (#) en vez del punto (.)
- #destacado { color: red; }
- se utiliza el símbolo de la almohadilla (#) en vez del punto (.)
- Selector universal
Se puede utilizar en
- tablas
- Formularios
- Texto
- Layot
- Selectores
- imagenes
- Listas
- Cajas
- Unidades de medidas y Colores
- Posesionamineto y visualizacion
Bordes



