null
US
Entrar
Registre-se gratuitamente
Registre-se
Detectamos que o JavaScript não está habilitado no teu navegador. Habilite o Javascript para o funcionamento correto do nosso site. Por favor, leia os
Termos e Condições
para mais informações.
Próximo
Copiar e Editar
Você deve estar logado para concluir esta ação!
Inscreva-se gratuitamente
5044533
Elementos de CSS
Descrição
elementos basicos de CSS y los valores que estos pueden tomar
Sem etiquetas
css
html
elementos css
electiva profesional i
parcial
Mapa Mental por
EDUARDO ANDRES A3422
, atualizado more than 1 year ago
Mais
Menos
Criado por
EDUARDO ANDRES A3422
mais de 8 anos atrás
135
0
0
Resumo de Recurso
Elementos de CSS
Selectores: Elemento conectado a un estilo
Basicos
De clase: Aplica estilo a un solo elemento de la pagina
.nombre_clase { ... } .logicos { margin : 0; }
Universal: Selecciona todos los elementos de la pagina
* {margin : 0; padding : 0; }
De etiqueta: Selecciona los elementos cuya etiqueta coincida con la del selector
p {color : red; }
Descendente: Selecciona los elementos que se encuentran dentro de otros
p span {color : red}
De ID: Selecciona un elemento de la pagina a tyraves de su atributo
#nombre_ID { ... } #logicos { margin : 0; }
Avanzados
De hijos: Selecciona un elemento que es hijo directo de otro
P > a { color : red; }
Adyacente: Se emplea para seleccionar elementos consecutivos
Elemento1 + Elemento2 = { ... } h1 + h2 { color : red; }
De atributos: Selecciona los elementos en funcion de su atributo
[nombre_atributo = valor] a [ class = "interno" ]
Unidades de medida
Absolutas: Su valor se encuentra completamente definido
cm: Centimetros
body { margin : 2cm; }
mm: Milimetros
body { margin : 4mm; }
pt: Puntos
body { margin : 12pt; }
in: pulgadas
body { margin : 0.5in; }
pc: Picas
body { margin : 1pc; }
Relativas: Su valor esta referenciado respecto a otro
em: relativo respecto al tamaño de la letra del elemento
ex: Relativa respecto a la altura "x" de la letra del elemento
px: Relativa respecto a la resolucion de pantalla
% (porcentaje): Unidad que siempre esta referenciando a otra medida
Colores
RGB Decimal: Define el color indicando la cantidad de verde, rojo y azul que se debe mezclar
p { color: rgb(10,10,10); }
Palabra clave: Corresponde al nombre en ingles de cada color
p { color: red }
RGB Hexadecimal: Define el color mediante un codigo hexadecimal
p { color: #4762B0; }
RGB Porcentual: Define el color indicando cantidad de verde, rojo y azul pero en porcentajes
p { color: rgb(10%,10%,10%); }
Modelo de Cajas
Ancho
Width
.tabla { width : 30%; }
Alto
Height
.tabla { height : 30%; }
Margen
Margin
margin-top: superior
margin-bottom: inferior
margin-left: Izquierdo
margin-right: Derecho
Relleno
Padding: Espacio entre contenido y el contenedor
Padding-bottom
Padding-right
Padding-left
Padding-top
Quer criar seus próprios
Mapas Mentais
gratuitos
com a GoConqr?
Saiba mais
.
Semelhante
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
blog
luis eduardo hernandez suarez
Propiedades de Grid
Salma Kalife
Atributo Class
Mario Andrés Rosero Saza
Explore a Biblioteca