COURS COMPLET HTML ET CSS [30/71] - Propriétés CSS de type text

[@pierre-alainbarbezat9388]

Même à 72 ans, j'arrive à me passionner, grâce à ce cours très bien construit ! Merci.

[@stelducam8622]

Le meilleur cours de tous les temps, franchement c'est M.A.G.N.I.F.I.Q.U.E!!!!!!

[@colinducarme2586]

Si vous trouvez les ombres du text-shadow trop forte/sombre, je vous conseille d'écrire la couleur de l'ombre en rgba pour pouvoir gérer l'opacité de celle-ci Exemple : text-shadow: 4px 4px 4px rgba( 0, 0, 0, 0.5) vous donnera une ombre grisée

[@greg-ton-formateur-systeme-io]

Bonjour, superbe le cours. J'attire juste votre attention sur : 5:20 le fait qu'enlever la ligne sous un lien peu être problématique pour les daltoniens par exemple. Ils ont tendances à se repérer à cette signalétique (ayant pour certaines couleurs de la difficulté à les discerner).

[@Grindisc]

vraiment du très bon boulot, merci

[@potignong8444]

Merci pour ce cours très bien expliqué

[@sebforgacs7002]

merci beaucoup pour vos vidéos

[@vincentcolin3023]

Excellent travail Merci et félicitations !!

[@طريقالنجاحسبلالنجاة]

bjr j ai un problème avec propriété txt ca n'exécute pas. merci

[@IMisterFreeze]

Bonjour Pierre, lorsque je centre tout mon texte en ajoutant la valeur center à la propriété text-align à tout mon body, tout mon texte se centre seulement les puces de mes listes restent à gauche,saurais tu d'où viens le problème?

[@alexisdepris]

Bonjour, il me semble que les puces ne peuvent pas être centrés.

[@IMisterFreeze]

ah d'accord! merci pour ta réponse

[@isoussgames25]

raph eves mais tu peut au pire les enlever

[@project-change-performance3970]

merci beaucoup pour vos vidéos, dites moi s'il vous plait quel logiciel utilisez vous pour enregistrer vos vidéos sur PC windows. merci d'avance!

[@drahoxx3076]

Il est sous mac sinon tu peux utiliser obs =) (comme sa tu peux enregistrer et streamer)

[@project-change-performance3970]

+Drahoxx merci beaucoup

[@brgd_craazyy]

merci mec !

[@yvesloth1474]

Question avec le text-indent. J'ai un , un comme dans l'exemple de Pierre, et un tout simple. en CSS je demande à P1 de ce mettre à droite ce qu'il fait, à P2 de ce mettre à gauche ce qu'il fait et lorsque je demande à P de faire un indent de 10% par exemple, mon troisième paragraphe P se met bien en indent de 10%, mais il entraîne avec lui mon paragarphe P2, le P1 restant où il est (en valeur négative idem). Question: si je mets une cible class sur P1, c'est pour avoir une position spécifique de mon paragraphe P1 et des caractéristiques spécifiques à ce paragraphe. Idem pour P2. Cela fonctionne pour les couleurs, les soulignés etc. En revanche pourquoi un p{text-indent: 10%} par exemple vient perturber la mise en forme spécifique de mon qui lui est censé rester à gauche ? ( instruction CSS p2{text-align: left;} par exemple. J'espère avoir été clair dans mon explication... Merci pour votre aide

[@matteodelarose5671]

Bonjours , j'ai réfléchie a votre problème , et j'ai trouvé pourquoi le code css de votre élément s'applique aussi a votre deuxième paragraphe , qui se retrouve déporter de 10% sur la droite alors que vous lui avez dit de se mettre a gauche , vos deux premier paragraphe sont des éléments , et dans ces éléments vous avez indiquer des "class", ( premier paragraphe ) ( deuxième paragraphe) et pour votre dernier paragraphe vous ne lui avez pas donner de class , puis vous avez codé en CSS ce que devait faire chacun paragraphe , Alors pourquoi le code du dernier paragraphe s'applique au deuxième? je suppose que vous avez codé la class .p2 comme ceci : .p2{ text-align: left; } et votre 3ème paragraphe comme ceci p{ text-indent:10%; } tout d'abord il faut savoir quand codant comme ceci ( p{ text-indent:10%;} ) , ce code va vouloir s'appliquer a tout les paragraphes car on ne précise pas a quelle paragraphe il doit l'appliquer . mais pour les autres si ! alors pourquoi il va modifier les autres ? On remarque qu'on a utiliser deux éléments différents pour coder la position de ses deux paragraphes ( pour .p2 : text-align ) ( pour p : text-indent ) , le navigateur va lire ces deux informations et les appliquer toutes les deux car se ne sont pas les mêmes informations ! -Donc il va mettre votre paragraphe a gauche -puis le décalé de 10% ( pour le premier paragraphe sa ne se voit pas car il est déjà totalement a droite) pour remédier a sa , et ne pas modifier les autres paragraphes , il va falloir donner une valeur "class" a votre 3ème paragraphe , exemple : je suis le troisième paragraphe Puis le décalé de 10% en CSS : .p3{ text-indent:10%; } Et le problème est résolue ! les autres paragraphes ne sont plus modifier ! j'espère que ces explications sont complète et vous permettront de résoudre et comprendre ce problème , si vous n'avez pas bien compris quelque chose, ou si sa ne fonctionne pas , n'hésitez pas a me demander , se sera avec plaisir de vous répondre ! :-)

[@yvesloth1474]

Tout d'abord un grand merci Matteo d'avoir pris le temps de répondre. J'ai bien pensé à cette solution, mais comme je suis en formation, je me dit que cette façon de faire semble contraire à l'idée que en cas de conflit entre deux instructions, ce qui est le cas ici, l'élément le plus proche de la valeur à modifier (ici il me semble, class='p1' et class='p2,) prédomine sur l'élément qui en est le plus éloigné (ici l'instruction générique ). Ceci semble logique a priori, puisque la particularité des éléments id et class, si j'ai bien compris, est de cibler précisément des éléments à modifier (ici les paragraphes définis en P1 et P2), pour leur donner un aspect différent de l'aspect générique défini ici dans . Mais cela ne fonctionne pas avec text-ident. J'ai bien noté la solution de Matteo qui est pragmatique, mais si je veux décaler de 2px chaque paragraphe et que j'ai 25 paragraphe il va falloir que je fasse 25 class ou id ? Autre solution serait d'avoir une variable à ajouter au paragraphe précédent du type, avec une instruction prend l'ident du paragraphe précédent et ajoute 2 px. Je ne sais pas si cela existe en CSS. Donc en fait 2 questions ici : pourquoi prend il le pas sur qui lui est plus spécifique et existe t il une instruction qui dirait prend l'ident de class="P1" par exemple et ajoute lui 2px ? J'espère être clair et pardon si je formule ceci comme un débutant... que je suis !

[@matteodelarose5671]

@@yvesloth1474 , je viens de trouver une solution au problème, pour votre premier question : tout d'abord quand vous dites " pourquoi prend il le pas sur ? "cette phrase est FAUSSE , je m'explique : ne prend à aucun moment le dessus sur tout simplement car se sont deux information différentes , une "texte-indent" une autre "texte-align" , le navigateur va lire ces deux informations et les appliquer toutes les deux car se ne sont pas les mêmes informations ! Et il n'y a pas conflit, -Donc il va mettre votre paragraphe a gauche -puis le décalé de 10% Mais tout sa on le sait déjà ! mais alors si je veux décaler de 20px chaque paragraphe et que j'ai 25 paragraphe il va falloir que je fasse 25 class ou id ? Techniquement oui ! Mais sa serait trop long et complexe a modifier en cas de bug ou si on veut tout simplement changer la class ou l'id . donc on va "inverser les modification", je m'explique : Au lieu de modifier chaque paragraphe simple ( paragraphe ) nous allons modifier les paragraphes spécifique (

[@matteodelarose5671]

(ps : je ne sais pas s'il existe de variable en CSS)

[@yvesloth1474]

@@matteodelarose5671 Merci Matteo. Effectivement on peu créer des conflits et effectivement je n'avais pas vu que mon instruction n'"tait pas strictement identique à celle du P2. Pour le P1 il n'y a pas d'impact puisqu'il est calé à droite. Merci encore. 3 jours: pas mal, moi un semaine, mais j'ai décidé de faire max 4 cours par jour, car j'ai également d'autre occupations. Merci encore

[@mamadoumoussabangoura498]

merci monsieur

[@davideugene7911]

Merci beaucoup :)

[@lossenidiomande163]

bonjour M.pierre je veux apprandre à codé en vous suivant je n'est aucun nivaux en codage. svp aidé moi comprendre.

[@clem9118]

commence le cours a partir du debut, tu verra c'est super facile

[@ducksmile9414]

c'est plutot l'intensité de l'ombre que le rayon

[@sacrox95]

c'est quasiment la même chose puisque plus le degré de propagation est élevé plus sera diminuée son intensité

[@n-blopshiger4983]

merci!!!! bcp!

[@charifberzegane1126]

merci bcp

[@fidyouhat__Tarifa]

merci

[@lylia3572]

merci :)

[@karimh1637]

merci!

[@kiruuw5938]

A mes 13 ans je mepate

[@starfalaf9126]

merci