Cours Python
Contenu du cours Le framework Bootstrap CSS Le framework Tailwind CSS Le framework Foundation CSS Le framework Bulma CSS Le framework Materialize CSS Le framework UIkit CSS Le framework Pure CSS Le framework Skeleton CSS Le framework Metro 4 CSS Le framework Tachyons CSS Un framework CSS est une bibliothèque permettant une conception Web plus…
Contenu du cours A propos du framework Bootstrap ? Installation de Bootstrap Système de Grille (Grid System) Composants de Bootstrap Formulaires de Bootstrap Badge Bootstrap Les cartes (card) Bootstrap 1. A propos du framework Bootstrap ? 1.1 Qu'est-ce que Bootstrap ? Bootstrap est un framework de développement front-end gratuit et open source pour la…
Contenu du cours Qu'est ce qu'un framework CSS ? Cas d'usage d'un framework CSS Avantages d'un framework CSS Outils du framework CSS Exemples de Frameworks CSS Populaires 1. Qu'est ce qu'un framework CSS ? Un framework CSS est une bibliothèque CSS préparée et prête à l'emploi (Cascading Style Sheets). La collection de feuilles de…
Contenu du cours A propos du framework Bootstrap Les frameworks alternatifs à Bootstrap Les avantages du framework Bootstrap Installation du framework Bootstrap 1. A propos du framework Bootstrap Bootstrap est un framework front-end open source qui a été créé par Twitter. Il s'agit d'un ensemble d'outils et de ressources pour le développement web, permettant de…
1. A propos du framework Tailwind Tailwind est un framework CSS qui permet de créer rapidement des interfaces utilisateur modernes et esthétiquement plaisantes en utilisant des classes pré-définies plutôt que d'écrire des règles CSS personnalisées. Il s'agit d'un framework "utilitaire", ce qui signifie qu'il fournit un ensemble complet de classes qui peuvent être appliquées directement…
Contenu du cours A propos de la propriété font css La propriété font-size La propriété font-family La propriété font-weight La propriété font-style La propriété font-variant La propriété font-stretch La propriété font-kerning
Le langage CSS est doté d'un certain nombre de propriétés permettant de réaliser la mise en forme d'un texte en toute aisance: 1. La propriété text-align Cette propriété permet de définir l'aligement d'un texte Exemple
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
/*Ce code permet d'aligner les paragraphes à droite.*/ <!DOCTYPE html> <head> <title>Alignement d'un texte</title> <style> p { text-align:right ; } </style> </head> <body> <p>Texte aligné à droite</p> </body> </html> |
Contenu du cours Sélecteur de balise & syntaxe générale d'un code CSS Exemple de sélecteurs de balises CSS Récapitulatif des propriétés d'un selecteur 1. Sélecteur de balise & syntaxe générale d'un code CSS Avant de de parler des propriétés d'un sélecteur, prenons un exemple simple : Exemple Pour mettre les balise de titre <h1> en…
Contenu du cours Syntaxe générale du code css Insertion du code CSS interne à la page Insertion du code CSS externe à la page Aujourd'hui, nous allons écrire et exécuter notre premier programme CSS. Nous allons utiliser un IDE HTML comme VSCode, notepad++ ou un simple éditeur de texte. 1. Syntaxe générale du code css…
Contenu du cours A propos des feuilles de style CSS Avantages des feuilles de style CSS Les versions du langage CSS 1. A propos des feuilles de style CSS Les feuilles de style en cascade CSS (Cascading Style Sheets CSS en anglais), sont un langage de conception simple destiné à simplifier le processus de création…
1 - Comment utiliser W3.CSS ? Il existe deux façons d'utiliser W3.CSS: Installation locale: Vous pouvez télécharger le fichier W3.CSS sur votre machine locale et l'inclure dans votre code HTML. Version basée sur CDN: Vous pouvez inclure le fichier W3.CSS dans votre code HTML directement à partir du réseau de distribution de contenu (CDN). 1.1 -…
1 - W3CSS c'est quoi? W3.CSS, est l'un des frameworks CSS le plus récent développé par développé par W3Schools et considéré comme un concurrent du framework Bootstrap caractérisé par son efficacité et de sa simplicité d'usage, il est inspiré du Material Design de Google.
1 - Propriétés height & width (hauteur et largeur) Les propriétés height et width permettent de définir la hauteur et la largeur d'un élément en CSS. La hauteur et la largeur peuvent être définies sur auto (valeur par défaut. Indique que le navigateur calcule la hauteur et la largeur) spécifiées en valeurs de longueur, telles…
1 - Les classes CSS On a besoin parfois d'affecter un ensemble de styles à chaque fois qu'on a besoin ! Pour répondre à cette nécessité on utilise ce qu'on appelle les classes. Le rôle d'une classe est de stocker une quantité de codes CSS pour être réutilisée par la suite. Déclaration d'une classe css…
1 - La propriété margin Margin represente la marge externe d'un élément, elle est doté des propriétés : -margin-right : définit la marge à droite -margin-left : définit la marge à gauche -margin-top : définit la marge en haut -margin-bottom : définit la marge en bas
border-style La propriété border-style est utilisé pour détérminer le type des bordures elle est doté des propriétés suivantes :
1 - font-family Cette propriété permet de determiner le type de police d'un sélécteur Exemple