Comment apprendre le code CSS?

Apprendre le code CSS
Dans cette introduction, vous apprendrez quelques-unes des bases de CSS. Méthode 1 sur 1: apprendre le code CSS.

CSS signifie Feuilles de style en cascade. En utilisant CSS, vous pouvez améliorer l'apparence d'une page Web et lui donner un look élégant et mieux défini. CSS est assez simple et facile à apprendre. Dans cette introduction, vous apprendrez quelques-unes des bases de CSS.

Méthode 1 sur 1: apprendre le code CSS

  1. 1
    Apprenez le HTML. CSS est un complément au HTML. Si vous ne connaissez pas le HTML, vous ne pouvez pas utiliser CSS.
  2. 2
    Apprenez les bases. Trouvez un bon tutoriel ou deux. w3schools propose un excellent didacticiel qui vous permet également d'expérimenter le code CSS. Essayez également les didacticiels HTML, le didacticiel CSS et le chien HTML
  3. 3
    Expérience. Trouvez une feuille de style sur Internet et copiez-la dans un fichier sur votre ordinateur. Essayez de modifier, de supprimer ou d'ajouter du code. Enregistrez et actualisez la page sur votre navigateur et voyez à quoi elle ressemble. Ne changez qu'une chose à la fois pour comprendre ce que vous venez de faire. Vous pouvez également consulter d'autres pages Web à l'aide du bouton déroulant Afficher (qui se trouve sur la plupart des navigateurs), puis sélectionner la source de la page. Pour les utilisateurs d'AOL, cliquez avec le bouton droit sur la page où les liens et les images ne se trouvent pas et sélectionnez la vue source.
    • Ne vous attendez pas à comprendre toutes les lignes de code écrites lorsque vous expérimentez le code source d'un site.
  4. 4
    Concevez votre propre site Web. Réfléchissez à ce à quoi vous voulez qu'il ressemble et essayez d'utiliser CSS pour que votre site Web ressemble à cela. Si vous ne trouvez pas comment lui donner l'apparence que vous voulez, cherchez-le.
    • Utilisez plusieurs fenêtres pour vérifier la sortie de votre code de temps en temps afin qu'il soit plus facile à comprendre.
W3schools propose un excellent didacticiel qui vous permet également d'expérimenter le code CSS
W3schools propose un excellent didacticiel qui vous permet également d'expérimenter le code CSS.

Conseils

  • Gardez votre CSS propre et bien organisé afin que, lorsque vous y reviendrez plus tard, vous puissiez trouver ce dont vous avez besoin et le modifier rapidement. Divisez la feuille de style en sections et utilisez des commentaires pour décrire ce que fait chaque section.
  • Différents navigateurs voient CSS de différentes manières. Assurez-vous de connaître ces différences lorsque vous créez des pages Web. C'est une bonne idée d'obéir aux normes et d'installer différents navigateurs sur votre ordinateur (différentes versions d'Internet Explorer, Firefox, Opera, etc.) et de voir à quoi ressemble votre page Web dans chacun d'eux.

Questions et réponses

  • Comment changer la couleur de fond?
    Utilisez l'attribut "background-color". Par exemple: body {background-color: blue;} rendra tout l'arrière-plan d'une page bleu.

FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail