Cours Python
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
La propriété background comme son nom l'indique, nous permet de modifier l'arrière plan de notre page web: on peut mettre une couleur de notre choix , on peut mettre aussi une belle image comme arrière plan... 1 - background-color Cette propriété s'utilise pour modifier la couleur de l'arrière plan d'un élément. Exemple : coloration de…
1 - text-align Cette propriété permet de définir l'aligement d'un texte Exemple : 2 - Text-color C'est une propriété qui sert à personnaliser la couleur du texte Exemple : 3 - text-decoration Cette commande permet de décorer un texte avec une ligne en bas, au dessus, barré... 4 - text-indent C'est une…
1ère partie : 1 - Introduction au feuilles de style CSS ( cascading style sheets ) 2ème partie : Les pricipales propriétés d’un sélécteur 2 - La propriété Text 3 - L propriété background