• Divers infos

     

    En faisant une recherche sur le net, je trouve ce site complet.

    https://www.pierre-giraud.com/html-css/cours-complet/cours-html-css-presentation.php

    Quelques informations nous sont habituelles mais d'autres sont moins utilisées.

    C'est le cas de la première lettre de chaque paragraphe ou de la première ligne d'un texte.

    ****************

    on trouve les pseudo éléments, que personnellement, je n'utilise pas mais qui peuvent être intéressants;
    ainsi, la première lettre des paragraphes ou la première ligne d'un paragraphe.

    ****************

    En ce qui concerne la "pseudo class" sélection, c'est déjà ce que nous avons d'origine en sélectionnant un élément.

    Les pseudo éléments Before et After sont intéressants pour une série de paragraphes mais j'ai l'habitude de les identifier par id et d'en définir les attributs.

    Quant au sélecteur universel, il modifie tous les éléments de votre page de blog alors, inutilisable pour moi !

    ****************

    <div style="width: 80vw; height: auto; margin: 1vh auto;">
    <p>En faisant une recherche sur le net, je trouve ce site complet.</p>
    <p><a href="https://www.pierre-giraud.com/html-css/cours-complet/cours-html-css-presentation.php" target="_blank">https://www.pierre-giraud.com/html-css/cours-complet/cours-html-css-presentation.php</a></p>
    <p>Quelques informations nous sont habituelles mais d'autres sont moins utilis&eacute;es.</p>
    <p>C'est le cas de la premi&egrave;re lettre de chaque paragraphe ou de la premi&egrave;re ligne d'un texte.</p>
    </div>
    ****************
    <div style="width: 80vw; height: auto; margin: 1vh auto;">
    <p id="ligne">on trouve les pseudo &eacute;l&eacute;ments, que personnellement, je n'utilise pas mais qui peuvent &ecirc;tre int&eacute;ressants;<br /> ainsi, la premi&egrave;re lettre des paragraphes ou la premi&egrave;re ligne d'un paragraphe.</p>
    </div>
    ****************
    <div style="width: 80vw; height: auto; margin: 1vh auto;">
    <p id="lettre">En ce qui concerne la "pseudo class" s&eacute;lection, c'est d&eacute;j&agrave; ce que nous avons d'origine en s&eacute;lectionnant un &eacute;l&eacute;ment.</p>
    <p>Les pseudo &eacute;l&eacute;ments Before et After sont int&eacute;ressants pour une s&eacute;rie de paragraphes mais j'ai l'habitude de les identifier par id et d'ed&eacute;finir les attributs.</p>
    </div>
    ****************
    <style><!--
    p::first-letter{font-size:2vw; color:yellow; text-shadow:0.1vh 0.1vh black;}
    #ligne::first-line{font-size:1.2vw; color:coral; text-shadow:0.1vh 0.1vh black;}
    #lettre::first-letter{font-size:2vw; font-family:Book Antiqua; color:red; text-shadow:0.2vh 0.2vh green;}
    --></style>