Tutoriel CSS

CSS est utilisé pour contrôler le style d'un document Web d'une manière simple et facile.

CSS est l'acronyme de "Cascading Style Sheet". Ce tutoriel couvre à la fois les versions CSS1, CSS2 et CSS3, et donne une compréhension complète du CSS, à partir de ses bases jusqu'aux concepts avancés.

Pourquoi apprendre le CSS?

Cascading Style Sheets, affectueusement appelé CSS, est un langage de conception simple destiné à simplifier le processus de présentation des pages Web.

CSSest un must pour les étudiants et les professionnels qui travaillent pour devenir un grand ingénieur logiciel, spécialement lorsqu'ils travaillent dans le domaine du développement Web. Je vais énumérer certains des avantages clés de l'apprentissage du CSS:

Create Stunning Web site- CSS gère l'aspect et la convivialité d'une page Web. À l'aide de CSS, vous pouvez contrôler la couleur du texte, le style des polices, l'espacement entre les paragraphes, la taille et la disposition des colonnes, les images ou couleurs d'arrière-plan utilisées, les conceptions de mise en page, les variations d'affichage pour différents appareils et tailles d'écran ainsi que divers autres effets.
Become a web designer - Si vous souhaitez commencer une carrière en tant que concepteur Web professionnel, la conception HTML et CSS est une compétence incontournable.
Control web- Le CSS est facile à apprendre et à comprendre, mais il offre un contrôle puissant sur la présentation d'un document HTML. Le plus souvent, CSS est combiné avec les langages de balisage HTML ou XHTML.
Learn other languages - Une fois que vous avez compris les bases du HTML et du CSS, d'autres technologies connexes telles que javascript, php ou angular sont devenues plus faciles à comprendre.

Hello World en utilisant CSS.

Juste pour vous donner un peu d'enthousiasme à propos du CSS, je vais vous donner un petit programme classique CSS Hello World, vous pouvez l'essayer en utilisant le lien Démo.

<!DOCTYPE html>
<html>
   <head>
      <title>This is document title</title>
      <style>
      h1 {
         color: #36CFFF; 
      }
      </style>
   </head>	
   <body>
      <h1>Hello World!</h1>
   </body>	
</html>

Applications de CSS

Comme mentionné précédemment, CSS est l'un des langages de style les plus utilisés sur le Web. Je vais en énumérer quelques-uns ici:

CSS saves time- Vous pouvez écrire du CSS une fois, puis réutiliser la même feuille dans plusieurs pages HTML. Vous pouvez définir un style pour chaque élément HTML et l'appliquer à autant de pages Web que vous le souhaitez.
Pages load faster- Si vous utilisez CSS, vous n'avez pas besoin d'écrire des attributs de balise HTML à chaque fois. Écrivez simplement une règle CSS d'une balise et appliquez-la à toutes les occurrences de cette balise. Donc, moins de code signifie des temps de téléchargement plus rapides.
Easy maintenance - Pour faire un changement global, changez simplement le style, et tous les éléments de toutes les pages Web seront mis à jour automatiquement.
Superior styles to HTML - CSS a un éventail d'attributs beaucoup plus large que HTML, vous pouvez donc donner une bien meilleure apparence à votre page HTML par rapport aux attributs HTML.
Multiple Device Compatibility- Les feuilles de style permettent d'optimiser le contenu pour plusieurs types d'appareils. En utilisant le même document HTML, différentes versions d'un site Web peuvent être présentées pour les appareils portables tels que les PDA et les téléphones portables ou pour l'impression.
Global web standards - Les attributs HTML sont désormais obsolètes et il est recommandé d'utiliser CSS. C'est donc une bonne idée de commencer à utiliser CSS dans toutes les pages HTML pour les rendre compatibles avec les futurs navigateurs.

Public

Ce CSS tutorial aidera aussi bien les étudiants que les professionnels qui souhaitent rendre leurs sites Web ou leurs blogs personnels plus attractifs.

Conditions préalables

Vous devez être familier avec:

Traitement de texte de base à l'aide de n'importe quel éditeur de texte.
Comment créer des répertoires et des fichiers.
Comment naviguer dans différents répertoires.
Navigation sur Internet à l'aide de navigateurs courants comme Internet Explorer ou Firefox.
Développer des pages Web simples en utilisant HTML ou XHTML.

Si vous êtes novice en HTML et XHTML, nous vous suggérons de commencer par consulter notre didacticiel HTML ou notre didacticiel XHTML.