Elementos de CSS

EDUARDO ANDRES A3422
Mind Map by , created about 3 years ago

elementos basicos de CSS y los valores que estos pueden tomar

Eye 29
Pin 0
Balloon left 0
Tags
EDUARDO ANDRES A3422
Created by EDUARDO ANDRES A3422 about 3 years ago
Publicación de contenidos en la web
Ángeles Gómez Ojeda
Lenguajes en XML HTML XHTML
Amnagagi Dancer
Prática para o TOEFL
miminoma
1_PSBD New Edition
Ps Test
Test Diagnóstico HTML - CSS
Bea Camacho
Control HTML - CSS (recuperativo-justificado)
Lhuis .
CONCEPTOS WEB BASICOS
Mirna Isabel Osorio López
Introducción a HTML.
Andres Camilo Cu
HTML básico
Pablo Carbajal Sardá
Elementos de CSS
1 Selectores: Elemento conectado a un estilo
1.1 Basicos
1.1.1 De clase: Aplica estilo a un solo elemento de la pagina
1.1.1.1 .nombre_clase { ... } .logicos { margin : 0; }
1.1.2 Universal: Selecciona todos los elementos de la pagina
1.1.2.1 * {margin : 0; padding : 0; }
1.1.3 De etiqueta: Selecciona los elementos cuya etiqueta coincida con la del selector
1.1.3.1 p {color : red; }
1.1.4 Descendente: Selecciona los elementos que se encuentran dentro de otros
1.1.4.1 p span {color : red}
1.1.5 De ID: Selecciona un elemento de la pagina a tyraves de su atributo
1.1.5.1 #nombre_ID { ... } #logicos { margin : 0; }
1.2 Avanzados
1.2.1 De hijos: Selecciona un elemento que es hijo directo de otro
1.2.1.1 P > a { color : red; }
1.2.2 Adyacente: Se emplea para seleccionar elementos consecutivos
1.2.2.1 Elemento1 + Elemento2 = { ... } h1 + h2 { color : red; }
1.2.3 De atributos: Selecciona los elementos en funcion de su atributo
1.2.3.1 [nombre_atributo = valor] a [ class = "interno" ]
2 Unidades de medida
2.1 Absolutas: Su valor se encuentra completamente definido
2.1.1 cm: Centimetros
2.1.1.1 body { margin : 2cm; }
2.1.2 mm: Milimetros
2.1.2.1 body { margin : 4mm; }
2.1.3 pt: Puntos
2.1.3.1 body { margin : 12pt; }
2.1.4 in: pulgadas
2.1.4.1 body { margin : 0.5in; }
2.1.5 pc: Picas
2.1.5.1 body { margin : 1pc; }
2.2 Relativas: Su valor esta referenciado respecto a otro
2.2.1 em: relativo respecto al tamaño de la letra del elemento
2.2.2 ex: Relativa respecto a la altura "x" de la letra del elemento
2.2.3 px: Relativa respecto a la resolucion de pantalla
2.2.4 % (porcentaje): Unidad que siempre esta referenciando a otra medida
3 Colores
3.1 RGB Decimal: Define el color indicando la cantidad de verde, rojo y azul que se debe mezclar
3.1.1 p { color: rgb(10,10,10); }
3.2 Palabra clave: Corresponde al nombre en ingles de cada color
3.2.1 p { color: red }
3.3 RGB Hexadecimal: Define el color mediante un codigo hexadecimal
3.3.1 p { color: #4762B0; }
3.4 RGB Porcentual: Define el color indicando cantidad de verde, rojo y azul pero en porcentajes
3.4.1 p { color: rgb(10%,10%,10%); }
4 Modelo de Cajas
4.1 Ancho
4.1.1 Width
4.1.1.1 .tabla { width : 30%; }
4.2 Alto
4.2.1 Height
4.2.1.1 .tabla { height : 30%; }
4.3 Margen
4.3.1 Margin
4.3.1.1 margin-top: superior
4.3.1.2 margin-bottom: inferior
4.3.1.3 margin-left: Izquierdo
4.3.1.4 margin-right: Derecho
4.4 Relleno
4.4.1 Padding: Espacio entre contenido y el contenedor
4.4.1.1 Padding-bottom
4.4.1.2 Padding-right
4.4.1.3 Padding-left
4.4.1.4 Padding-top

Media attachments