Le codage pour les Nuls

BEULABEULA BEULA

width: 0px = largeur
height: 0px = hauteur
padding: 0px = espace entre le bord du cadre et le contenu
margin(-top; -left; -right; -bottom): 0px = espace entre le cadre et "l'extérieur"
transition: 1s --> (nombre de secondes pour la transition)
Exemple:
.titrecanard{font-size: 13px; font-family: Arial; color: coincoin; transition: 1s;} .titrecanard:hover{font-size: 20px;}

background-color: unecouleur ou #ffffff ou rgba(255(rouge), 255(vert), 255(bleu), 0.5(opacité)) = LA COULEUR DE FOND LOL

background-image: url('https://i.imgur.com/NwNx0wy.png') = image de fond
border(-bottom, -top, -left, -right): style taille (px) couleur
border-radius: % (arrondi général de x%) ou 0px 0px 0px 0px (haut-gauche; haut-droite; bas-droite; bas-gauche)
box-shadow: 0px 0px 0px couleur (pareil que text-shadow *meurt*)
oveflow: auto/hidden (ça te met le scroll quand tu définis une hauteur c: )
position: relative || Bloc parent, tous les suivants vont se fier à SA position
position: absolute || Bloc enfant, se fit au bloc parent installé précédemment (un bloc absolute ne marche pas sans bloc relative)

Pour le texte :

font-family: Nomdetapolice = BAH LA POLICE HEIN /pan
font-size: 0px ou x% = taille de la police
color: unecouleur ou #ffffff = couleur de la police
letter-spacing: 0px (ou -0px) = écartement des lettres
letter-transform: capitalize (majuscules à tous les mots) ou uppercase (tout en majuscules) ou lowercase (tout en minuscules)
text-align: center, justify, left, right = alignement du texte
text-shadow: 0px 0px 0px couleur (axe X, axe Y, force du flou) = floutage du texte

Code:

<link href="https://fonts.googleapis.com/css?family=Buda:300|Gentium+Basic" rel="stylesheet"><style>.bloc-corps {width: 500px; background-image: url(http://shizoo-design.de/stuff/patterns/409.png); border: double 4px lightgrey; padding: 5px}.titre {font-family: Buda; font-size: 35px; letter-spacing: 0px transition: 1s ease; -webkit-transition: 1s ease-in-out; -moz-transition: 1s ease-in-out; text-align: left} .bloc-teext{font-family: Gentium Basic}#bloc-texte {width: 500px; background-color: whitesmoke; padding: 5px; text-align: justify}

<center><div class="bloc-corps"><br><div class="titre">Titre</div><br><div class="bloc-teext">Il y a très longtemps, la Terre était encore prospère. La vie, la nature, tout y proliféraient en abondance sous la protection de ce qu'on appelle le 'Tout-puissant', un gardien céleste omnipotent veillant au bon déroulement des choses. Il protégeait tous ses enfants avec la plus grande bienveillance possible, écoutant leurs prières, guérissant les plus grands maux... La terre ne souffrait jamais de la guerre ni même d'une division quelconque.

Tous étaient unis sous la garde de ce grand Dieu.</div></div></center>

Je dois regarder pour les erreurs ;o; - Mathieu

.pagpreru1 {
margin-left:-1px;
margin-top:-2px;
transition:all 0.3s ease-in-out;
}
.pagpreru1:hover {
filter:grayscale(100%);
transform:rotateY(180deg);
}