Essays.club - Ensayos gratis, notas de cursos, notas de libros, tareas, monografías y trabajos de investigación
Buscar

Glosario HTML y CSS

Enviado por   •  21 de Julio de 2018  •  735 Palabras (3 Páginas)  •  386 Visitas

Página 1 de 3

...

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;

...

Descargar como  txt (4.8 Kb)   pdf (51.4 Kb)   docx (15.5 Kb)  
Leer 2 páginas más »
Disponible sólo en Essays.club