Mon premier CSS
Un tutoriel de Caro pour GrafixArt.
Bon, je suis allée voir ce que Thy est arrivé à faire pour cette première page CSS, et je crois que je vais finir par le copier lollll
C'est pas facile du tout de faire le contraire de ce que j'ai l'habitude de faire, c'est à dire trouver d'abord le style et faire la page après.Mais si je suis ce que dit Caro, je fais ma page en créant au fur et à mesure les styles et ensuite , avec ces éléments je ferai la feuille de style externe.
Donc en ce moment , mes styles se placent sur cette page. J'ai pris la tuile de Caro pour m'obliger à composer avec des choix obligés lolll
Je vais mettre une image avec float : right ce sera complet comme expérience. pour bien faire il faut déjà mettre le texte et écrire , écrire, écrire, et encore écrire, écrire, écrire, écrire, écrire, écrire, écrire, écrire, écrire,écrire, écrire,écrire,écrire,écrire, il ne veut pas que je prenne un bloc d'écrire et que je le colle, Dw me le met tout de suite en dessous de l'image mais si j'insiste en tapant tout, cela marche. J'ai un peu des crampes au doigt, mais j'irai jusqu'au bout de la seconde image pour voir le texte passer en dessous de l'image : m'y voici donc, point du tout, m'y voilà, point encore, la chétive pécore s'enfla s'y bien qu'elle creva. je suis maintenant dant la ligne fatale, je pense que vous avez reconnu La Fontaine tout à l'heure dans mon délire, il fallait bien trouver quelque chose. maintenant sur la seconde image, je vais essayer de mettre une règle pour que le texte ne touche pas l'image : en css le remplacement de hspace : j'ai mis des marge à mon image comme à une boite et cela a marché : margin-top: 10px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 20px;
enfin pour le bottom c'est pas le pied lolll mais quand cela est vu du navigateur, c'est bon. Il faudrait même mettre margin-bottom à 0 cela suffirait.
J'arrête là mes expériences, j'ai de quoi faire une feuille de style externe.Je l'appelle style15.css
merci Caro pour cette découverte des CSS à fond .
Je vais faire l'application maintenant.
|