-
HTML / CSS - leçons 17/30
---------- LEÇONS CSS ---------
--------------------------LECON 17 -----------------
fond du texte jaune
SELECTEURS ET PROPRIÉTÉS
le même en gras dans l'éditeur
LIGNE CRÉE EN CODE HTML
---------------------LEÇON 20 -------------------
SELECTEURS CSS SIMPLES
METTRE UN TEXTE EN GRAS
TEXTE EN BLEU
TEXTE EN ROUGE
Cliquer sur ce LIEN FICTIF
---------------------LEÇON 21 -------------------
police de caractère normale
police de caractère 24
h3-ecriture en italic-
texte souligné
texte en h2, italique et souligné
-->
écriture après remise par défaut de l'élément h1
un titre orange en h1
---------------------LEÇON 22 -------------------
texte sans précision de police
Texte avec une police "castellar"
- la première ligne de la liste
- la deuxième ligne avec un retrait de 50 px
---------------------LEÇON 23-les éléments div & span-- -------------------
ce texte n'est pas centré
ce texte est centré
ce texte est en bleu fonce sur fond bleu clair
- ce texte est de couleur blanche,
- sur fond blanc, au centre; et a 80% de la largeur de la page
la marge est réduite à droite
dernier essai
Ce texte prend la moitié de la page avec un fond pourpre et une marge a gauche de cent pixels et une marge a droite de trois cents pixels, de plus le texte est centre
une ligne de texte "hors div
une ligne de texte "sous div" avec texte en rouge
une derniere ligne "hors div"
l'élément "div" ne fonctionne pas
---------------------LEÇON 24-les elements block & inline -------------------
appication des blocks
l'element h3 est un element de type blockverification de la mise en forme
INFORMATION : Ce texte est dans un cadre jaune avec les coins arrondis, un bord bleu de 10 px, à 100 pixels des bords droit et gaucheINFORMATION utiliser un div avec un h2pour verifier la place prise avec span
pour verifier la place prise avec divavec h2, element "block" et l'élément span
---------------------LEÇON 25-Notations "long hand" et "short hand" -------------------
mise en forme d'une ligne d'écritureD4 - MISES EN FORME DE TEXTES EN CSS---------------------LEÇON 26-la propriété "font family" et les polices de google" -------------------
une ecriture en indie flower
https://goo.gl/maps/LP3Lipvjpw5ix7st5 NON
style="font-size:16px;width:50%:background- color:lightblue">INFORMATION
Ecriture de deux lignes avec div
INFORMATION--------------------------LECON 27-les autres proprietes liees a la police" -------------------
ceci est le titre
ligne 1
ligne 2
voici
une ligne d
ecriture
voiciune ligne d ecriture
----------------------- LECON 28-les proprietes liees au texte-------------------
alignement du texte
Alignement à gauche
Alignement centré
indentation du texte
la premiere ligne indentee a 20 pixel
la deuxieme ligne qui sera assez longue pour avoir un retour a la ligne automatique et qui sera indentee a 20% de la page. Dans le cours les 20% concernet le body mais dans mon exemple il n y a pas de body
ombrage du texte
un texte avec ombrage H à gauche V en bas et Flou bleu de 1 pixel
un texte avec un flou rouge de 5 pixels
----------------------- LECON 29-les interlignes et les espaces-------------------
une ligne d'écriture ordinaire
une autre ligne d'écriture ordinaire
une ligne d'écriture
avec un interligne de 12 pixelsune ligne d'écriture
avec un interligne de 24 pixelsune ligne d'écriture
avec un interligne de 32 pixelsun -div- pour colorer le texte en rougeune ligne d'écriture avec des espaces normaux
entre les lettres et les motsune ligne d'écriture avec des plus grands espaces entre les lettres
une ligne d'écriture avec des espaces entre les mots
----------------------- LECON 30-LES TEXTES EN COULEUR-------------------
un texte coloré en bleu avec le code - blueviolet -
un autre texte en couleur orange avec les codes -RGB-
encore un texte en couleur rouge avec le code-#-
un premier cadre avec un bordure violette
une deuxième ligne avec
une bordure violette d'intensite 50%
-
Commentaires