france greatBritain

Hello

work web
information site vitrine code contact html5 css3 javascript php sql htaccess vsCode github


Cascading Style Sheets



Quoi dire sur Css3 ?

   Css signifie "feuilles de style en cascade".

   Je vous emmène sur wikipedia pour de plus amples informations. Ce langage d'intégration n'est pas apparu tout de suite sur le web. Ceux de ma génération et les gens plus âgés qui avons connus le début de l'ère internet surfions sur des pages très sobre. Vous pouvez aller sur openClassRoom pour bien voir la différence ou bien sur la page jumelle de celle-ci sans css ICI (bon, selon l'époque, html pouvait mettre des images).

   De plus, ce langage permet le responsive, c'est-à-dire l'adaptation du style des pages : tailles des textes et des images selon la taille de l'écran utilisé. Parfois, vous n'aurez pas accès aux mêmes données selon si vous utilisez un smartphone, une tablette ou un ordinateur.

   Css, c'est pour l'esthétique.



Quelques images pour illustrer CSS



   Je vous propose cette galerie d'images.

la position des animaux
la position des animaux


Mes commentaires personnels sur CSS



   Si vous voulez faire apparaître du texte au survol de la souris, vous pouvez le faire en css et voici comment :
HTML code :
< div id = 'hiGroup' >
< div id= 'sayHi' >sayHi< /div >
< div id= 'hi' >hi< /div >
< /div >

CSS code :
#hello{display: none}
#sayHello:hover ~ #hello{display: block;}

Survolez avec votre souris le mot sayHi :
sayHi
Hi


   J'aime bien flex-wrap aussi. Ça m'a permis de gérer la disposition des icones de mon haut de page.