Elementos de CSS

Description

elementos basicos de CSS y los valores que estos pueden tomar
EDUARDO ANDRES A3422
Mind Map by EDUARDO ANDRES A3422, updated more than 1 year ago
EDUARDO ANDRES A3422
Created by EDUARDO ANDRES A3422 almost 8 years ago
131
0

Resource summary

Elementos de CSS
  1. Selectores: Elemento conectado a un estilo
    1. Basicos
      1. De clase: Aplica estilo a un solo elemento de la pagina
        1. .nombre_clase { ... } .logicos { margin : 0; }
        2. Universal: Selecciona todos los elementos de la pagina
          1. * {margin : 0; padding : 0; }
          2. De etiqueta: Selecciona los elementos cuya etiqueta coincida con la del selector
            1. p {color : red; }
            2. Descendente: Selecciona los elementos que se encuentran dentro de otros
              1. p span {color : red}
              2. De ID: Selecciona un elemento de la pagina a tyraves de su atributo
                1. #nombre_ID { ... } #logicos { margin : 0; }
              3. Avanzados
                1. De hijos: Selecciona un elemento que es hijo directo de otro
                  1. P > a { color : red; }
                  2. Adyacente: Se emplea para seleccionar elementos consecutivos
                    1. Elemento1 + Elemento2 = { ... } h1 + h2 { color : red; }
                    2. De atributos: Selecciona los elementos en funcion de su atributo
                      1. [nombre_atributo = valor] a [ class = "interno" ]
                  3. Unidades de medida
                    1. Absolutas: Su valor se encuentra completamente definido
                      1. cm: Centimetros
                        1. body { margin : 2cm; }
                        2. mm: Milimetros
                          1. body { margin : 4mm; }
                          2. pt: Puntos
                            1. body { margin : 12pt; }
                            2. in: pulgadas
                              1. body { margin : 0.5in; }
                              2. pc: Picas
                                1. body { margin : 1pc; }
                              3. Relativas: Su valor esta referenciado respecto a otro
                                1. em: relativo respecto al tamaño de la letra del elemento
                                  1. ex: Relativa respecto a la altura "x" de la letra del elemento
                                    1. px: Relativa respecto a la resolucion de pantalla
                                      1. % (porcentaje): Unidad que siempre esta referenciando a otra medida
                                    2. Colores
                                      1. RGB Decimal: Define el color indicando la cantidad de verde, rojo y azul que se debe mezclar
                                        1. p { color: rgb(10,10,10); }
                                        2. Palabra clave: Corresponde al nombre en ingles de cada color
                                          1. p { color: red }
                                          2. RGB Hexadecimal: Define el color mediante un codigo hexadecimal
                                            1. p { color: #4762B0; }
                                            2. RGB Porcentual: Define el color indicando cantidad de verde, rojo y azul pero en porcentajes
                                              1. p { color: rgb(10%,10%,10%); }
                                            3. Modelo de Cajas
                                              1. Ancho
                                                1. Width
                                                  1. .tabla { width : 30%; }
                                                2. Alto
                                                  1. Height
                                                    1. .tabla { height : 30%; }
                                                  2. Margen
                                                    1. Margin
                                                      1. margin-top: superior
                                                        1. margin-bottom: inferior
                                                          1. margin-left: Izquierdo
                                                            1. margin-right: Derecho
                                                          2. Relleno
                                                            1. Padding: Espacio entre contenido y el contenedor
                                                              1. Padding-bottom
                                                                1. Padding-right
                                                                  1. Padding-left
                                                                    1. Padding-top
                                                                Show full summary Hide full summary

                                                                Similar

                                                                Test Diagnóstico HTML - CSS
                                                                Bea Camacho
                                                                Control HTML - CSS / Prototipado Web
                                                                Lhuis .
                                                                Unidad 2: Html, xml y css
                                                                Lizeth Castillo
                                                                Lenguajes en XML HTML XHTML
                                                                América Dancer Gil
                                                                ANIME
                                                                Paula Olmos
                                                                MOBILE FIRST
                                                                Hannes José Narváez
                                                                Conocimiento Desarrollo Web
                                                                Adan Mojo
                                                                Conceptos Básicos
                                                                Hannes José Narváez
                                                                Propiedades de Grid
                                                                Salma Kalife
                                                                Atributo Class
                                                                Mario Andrés Rosero Saza