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
Q

Dar una propiedad de transformacion de texto a x (mayusculas, minusculas)

A

text-transform: x;

x es capitalize, uppercase, lowercase, none

26
Q

Dar una propiedad de distancia entre caracteres x

A

letter-spacing: x;

x es una medida

27
Q

Dar una propiedad de distancia entre palabras x

A

word-spacing: x;

x es una medida

28
Q

Dar una propiedad de interlineado x

A

line-height: x;

x es una medida

29
Q

Dar una propiedad para los espacios en blanco x

A

white-space: x;

x es normal, pre, nowrap, pre-wrap, pre-line

30
Q

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

A
y{
   x: x1;
   transition: x zs;
}
y:hover {
   x: x2;
}
31
Q

Dar una propiedad de visualización x de un elemento respecto a los contiguos

A

display: x;

x es inline, block, inline-block, none, entre otros

32
Q

Dar una propiedad de posicionamiento x de un elemento respecto a su contenedor

A

float: x;

x left, right, none

33
Q

Indicar un valor global a una propiedad x para que se comporte por defecto

A

x: initial;

34
Q

Indicar un valor global a una propiedad x para que herede la propiedad de elemento padre

A

x: inherit;

35
Q

Dar una propiedad de estilo x a un borde

A

border-style: x;

x none, dotted (nofuncionasiempre), solid, double, groove, ridge, inset, outset

36
Q

Dar una propiedad de tamaño x a un borde

A

border-width: x;

x thin, médium, thick, tamaño

37
Q

Dar una propiedad de imagen de fondo x

A

background-image: x;

x path relativo o absoluto de una imagen

38
Q

Dar una propiedad de repeticion x en una imagen de fondo

A

background-repeat: x;

x repeat-x, repeat-y, no-repeat

39
Q

Dar una propiedad de fijacion o scroll x en una imagen de fondo

A

background-attachment: x;

x fixed, scroll

40
Q

Dar una propiedad de posicionamiento x en una imagen de fondo

A

background-position: x;

x %, tamaño, [top, center, bottom] [left, center, right]

41
Q

Dar una propiedad de alineacion vertical de texto x

A

vertical-align: x;

x baseline, sub, super, top, text‐top, middle, bottom, text‐bottom, %

42
Q

Dar una propiedad de posicionamiento despejado x si encuentra elementos float en esa posicion

A

clear: x;

x none, left, right, both

43
Q

Dar una propiedad de visibilidad x

A

visibility: x;

x visible, hidden, scroll, auto

44
Q

Dar una propiedad de visibilidad x segun si se supera el limite del contenedor

A

overflow: x;

x visible, hidden, scroll, auto

45
Q

Dar una propiedad de tipo de posicionamiento x

A

position: x;

x absolute, relative, static

46
Q

Dar una propiedad de selección de zona x

A

clip: x;

x shape, auto

47
Q

Dar una propiedad de posicion en tercer eje x

A

z-index: x;

48
Q

Dar una propiedad de posicion x de titulo de una tabla

A

caption-side: x;

x top, bottom, left, right