CSS3 Memo Flashcards

1
Q

inclure une feuille de style

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

inclure une feuille de style

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

commentaire

A

/comm/

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

style sur plusieurs balises

A

h1, h2

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

commentaire

A

/comm/

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

style sur plusieurs balises

A

h1, h2

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

une balise qui suit une autre balise

A

h1 + p

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

une balise dans une autre balise

A

h1 em

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

balise qui possèdent un autre attribut

A

a[title]

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

les 2 balises universelles et leur spécificités

A

<div> est de type block

| <span> est de type in-line</span></div>

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

taille de police et unité

A

font-size:1em;

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

nom de police

A

font-family:{arial, sans-serif;};

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

nom police type time

A

serif

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

nom police type arial

A

sans-serif

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

police en 2 mots

A

“arial black”

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

police à télécharger

A

@font-face{
font-family:’nomde ma police’;
scr: url(dossier/’mapolice.ext’);
}

17
Q

italique, oblique, normal

A

font-style:italic;

18
Q

gras

A

font-weight:bold; /normal/

19
Q

souligné, non souligné, barré, ligne au dessus, clignotz

A
text-decoration : none;
underline,
line-through,
overline,
blink
20
Q

maj/min

A

text-transform: lowercase

uppercase

21
Q

alignement de texte

+warning

A
text-align: justify
left
right
center
ne fonctionne que sur les balises de type block
22
Q

comment faire flotter une image

A

<p><img></img></p>

23
Q

couleur de texte

A

color:#000000;

24
Q

couleur de fond

A

background-color:#000000;

25
Q

couleur avec opacité

A

color: rgba(200,100,50,0.5);

26
Q

image de fond au body par exemple

+warning

A

body{
background-image:url(“img.jpg”);
}
attention l’adresse de l’image est l’adresse par rapport au fichier css

27
Q

propriétés d’image d’arrière plan :
emplacement
comportement
répétition

A

background-position : top right;
background-attachment : fixed;
background-repeat : no-repeat; (repeat=mosaique, repeat-x, repeat-y)

28
Q

superprop image de fond

A

body{

background : url(“img.jpg”) fixed no-repeat top right;

29
Q

bordure super propriété

A

border: 3px blue dashed

30
Q

type de bordure 8

A

solid, dotted, dashed, double, groover, ridge, inset, outset

31
Q

arrondir une bordure

A

border-radius:10px

32
Q

arrondir un bloque sur les 4 côté

A

border-radius: 10px 5px 0px 5px;

33
Q

courbe elliptique

A

border-radius:10px/20px

34
Q

ombre à un bloque

A

box-shadow{6px 6px 0px black}

H V dégradé couleur

35
Q

ombre à un texte

A

p{

text-shadow :2px 1px 3px black}

36
Q

liens 4 pseudo format

A

a: hover survol
a: active au moment du clic
a: focus quand élement sélectionné (formulaire)
a: visited lien consulté