CSS propiedades Flashcards

1
Q

Indicar estructura de declaracion con propiedades x valores y

A
{
   x1: y1, y2;
   x2: y3, y4;
   (...)
}
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

Dar una propiedad de margen o borde exterior de x px

A

margin: xpx;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Dar una propiedad de grosor de borde de x px

A

border: xpx;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

Dar una propiedad de espacio o borde interior de x px

A

padding: xpx;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

Dar una propiedad de anchura de contenido de x pixeles

A

width: xpx;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

Dar una propiedad de altura de contenido de x px

A

height: xpx;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

Dar una propiedad para ajustar dimensiones no al contenido sino a x

A

box-sizing: x;

x puede ser content-box, padding-box, margin-box

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Dar una propiedad de x (margen exterior, grosor borde, espacio interior) solo en el lado izquierdo de y px

A

x-left: ypx;

x es margin, border o padding

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

Dar una propiedad de x (margen exterior, grosor borde, espacio interior) solo en el lado derecho de y px

A

x-right: ypx;

x es margin, border o padding

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

Dar una propiedad de x (margen exterior, grosor borde, espacio interior) solo en el lado superior de y px

A

x-top: ypx;

x es margin, border o padding

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

Dar una propiedad de x (margen exterior, grosor borde, espacio interior) solo en el lado inferior de y px

A

x-bottom: ypx;

x es margin, border o padding

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

Dar una propiedad de dimension x (ancho, alto) mínima de y px

A

min-x: ypx;

x es height o width

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

Dar una propiedad de dimension x (ancho, alto) maxima de y px

A

max-x: ypx;

x es height o width

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

Dar una propiedad de color de texto x

A

color: x;

x es un color RGB, HSL o HSLA

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

Dar una propiedad de color de fondo x

A

background-color: x;

x es un color RGB, HSL o HSLA

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

Dar una propiedad de color de borde x

A

border-color: x;

x es un color RGB, HSL o HSLA

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

Dar una propiedad de tipo de letra x

A

font-family: x;

x es un tipo de letra, familias generales: serif, sans-serif, cursive, fantasy, monospace

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
18
Q

Dar una propiedad de tamaño de letra x em

A

font-size: xem;

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
19
Q

Dar una propiedad de grosor de letra x

A

font-weight: x;

x es normal, bold, bolder, lighter o un numero

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
20
Q

Dar una propiedad de estilo de letra x

A

font-style: x;

x es normal, italic, oblique

21
Q

Dar una propiedad de variación de estilo de letra x

A

font-variant: x;

x es normal, small-caps

22
Q

Dar una propiedad de alineación de texto x

A

text-align: x;

x es center, left, right

23
Q

Dar una propiedad de sangría de x cm en la primera línea de texto

A

text-indent: xcm;

x es una medida

24
Q

Dar una propiedad de decoración de texto x

A

text-decoration: x;

x es none, underline, overline, line-through, blink

25
Dar una propiedad de transformacion de texto a x (mayusculas, minusculas)
text-transform: x; x es capitalize, uppercase, lowercase, none
26
Dar una propiedad de distancia entre caracteres x
letter-spacing: x; x es una medida
27
Dar una propiedad de distancia entre palabras x
word-spacing: x; x es una medida
28
Dar una propiedad de interlineado x
line-height: x; x es una medida
29
Dar una propiedad para los espacios en blanco x
white-space: x; x es normal, pre, nowrap, pre-wrap, pre-line
30
Dar una propiedad para transición de z segundos de una propiedad x a otra gracias a pasar ratón por encima de un elemento y
``` y{ x: x1; transition: x zs; } y:hover { x: x2; } ```
31
Dar una propiedad de visualización x de un elemento respecto a los contiguos
display: x; x es inline, block, inline-block, none, entre otros
32
Dar una propiedad de posicionamiento x de un elemento respecto a su contenedor
float: x; x left, right, none
33
Indicar un valor global a una propiedad x para que se comporte por defecto
x: initial;
34
Indicar un valor global a una propiedad x para que herede la propiedad de elemento padre
x: inherit;
35
Dar una propiedad de estilo x a un borde
border-style: x; x none, dotted (nofuncionasiempre), solid, double, groove, ridge, inset, outset
36
Dar una propiedad de tamaño x a un borde
border-width: x; x thin, médium, thick, tamaño
37
Dar una propiedad de imagen de fondo x
background-image: x; x path relativo o absoluto de una imagen
38
Dar una propiedad de repeticion x en una imagen de fondo
background-repeat: x; x repeat-x, repeat-y, no-repeat
39
Dar una propiedad de fijacion o scroll x en una imagen de fondo
background-attachment: x; x fixed, scroll
40
Dar una propiedad de posicionamiento x en una imagen de fondo
background-position: x; x %, tamaño, [top, center, bottom] [left, center, right]
41
Dar una propiedad de alineacion vertical de texto x
vertical-align: x; x baseline, sub, super, top, text‐top, middle, bottom, text‐bottom, %
42
Dar una propiedad de posicionamiento despejado x si encuentra elementos float en esa posicion
clear: x; x none, left, right, both
43
Dar una propiedad de visibilidad x
visibility: x; x visible, hidden, scroll, auto
44
Dar una propiedad de visibilidad x segun si se supera el limite del contenedor
overflow: x; x visible, hidden, scroll, auto
45
Dar una propiedad de tipo de posicionamiento x
position: x; x absolute, relative, static
46
Dar una propiedad de selección de zona x
clip: x; x shape, auto
47
Dar una propiedad de posicion en tercer eje x
z-index: x;
48
Dar una propiedad de posicion x de titulo de una tabla
caption-side: x; x top, bottom, left, right