Glosario HTML y CSS
Enviado por Eric • 21 de Julio de 2018 • 735 Palabras (3 Páginas) • 344 Visitas
...
Valores Hexadecimales:
#ff0000 es el color rojo
Tamaño de Fuente en “em”:
style=”font-size: 2em” “em” es igual al tamaño de fuente predeterminado en una pantalla
en general se usa para smartphones
“2em” es el doble de grande que “em”
Valores de Respaldo:
p{
font-family: Verdana, Serif, Cursive; primero es Verdana y sino la siguiente
}
Bordes:
border: 1px dashed green dotted-dashed-solid-double-groove-ridge-inset-outset
Decoración de Texto:
text-decoration:none
Radio del Borde:
border-radius:5px
Márgenes:
margin:auto
Selectores Múltiples:
div h3{ solo se modifican los “h3” que están dentro de un “div”
color:#0b610b
}
Selector Universal:
*{
color: #086a87;
}
Clases:
<p class=”ejemplo”>...</p>
.ejemplo{
color:#086a87
}
Identificadores:
<p id=”ejemplo”>...</p>
#ejemplo{
color:#086a87
}
Selectores de Pseudoclase:
selector:selector de pseudoclase{
propiedad:valor;
}
a:link{ un enlace sin visitar
color:green;
}
a:visited{ un enlace que ha sido visitado
color:red;
}
a:hover{ un enlace sobre el que pasas el cursor
color:blue;
}
Pseudoclase “Primeros Hijos”:
p:first-child{
color:yellow;
}
Pseudoclase “Otro Hijo”:
p:nth-child(3){ se va a editar el tercer “p”
color:green;
}
Block:
div{
display: block; bloques que ocupan todo el ancho
}
Inline-block:
div{
display: inline-block; bloques que permiten elementos en la misma linea
}
Inline:
div{
display: inline; se ubican en la misma linea pero no son bloques y no conservan sus dimensiones
}
None:
div{
display:none; los elementos desaparecen de la página
}
Márgenes:
div{
margin-top: 32px;
margin-right: 10px;
margin-bottom: 24px;
margin-left: 15px;
}
o
margin: 32px 10px 24px 15px;
margin: auto lo coloca en el centro
Padding (relleno):
div{
padding-top: 32px;
padding-right: 10px;
padding-bottom: 24px;
padding-left: 15px;
}
o
padding: 32px 10px 24px 15px;
Float:
div{
float:right; right, left
}
Clear:
div{
clear: right; right, left, both
}
Posicionamiento Estático:
div{
position:static;
}
Posicionamiento Absoluto:
div{
position:absolute;
}
Posicionamiento Relativo:
div{
position:relative;
}
Posicionamiento Fijo:
div{
position:fixed;
...