7385912
Description
Mind Map by Dario Rea Skf, updated more than 1 year ago
|
Created by Dario Rea Skf
over 7 years ago
|
|
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
- 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
- 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
- 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
- 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" />
- <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; }
- * { margin: 0;
padding: 0; }
- Selector de tipo o etiqueta
- h1, h2, h3 { color: #8A8E27; font-weight:
normal; font-family: Arial, Helvetica,
sans-serif; }
- 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; }
- .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; }
- #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
- tablas
- Bordes
Media attachments
Want to create your own Mind Maps for free with GoConqr? Learn more.