Exercice n°4 pour intégrer du CSS dans des tableaux : les sélecteurs CSS d’ordre Ci-dessous, les tableaux à reproduire avec utilisant dans le CSS les nth-child(n) ou nth-of-type (n) : Après un travail acharné, voici les Codes CSS : Aperçu des tableaux :
Catégorie : CSS
Formater des tableaux en CSS : Exercice n°3
Exercice n°3 pour intégrer du CSS dans des tableaux : l’utilisation du sélecteur « :nth-of-type » Le sélecteur :nth-of-type (“n-ième du type”) permet de sélectionner un ou plusieurs éléments en fonction de leur ordre dans la source et selon des critères que l’on détermine. Cette “pseudo-classes structurelles” est utilisée pour appliquer un style au contenu en fonction…Continue reading Formater des tableaux en CSS : Exercice n°3
Formater des tableaux en CSS : Exercice n°2
Exercice n°2 pour intégrer du CSS dans des tableaux Espacement des cellules : <table style= « border-spacing: 16px »> Fusion des bordures : <table style= « border-collapse: collapse »> Positionnement de la légende du tableau : <table style= « caption-side: bottom »> Cellules vides : <table style= « empty-cells: hide »> Largeur de tableau et de colonne : <table style= « width: 400px »> <tr>…Continue reading Formater des tableaux en CSS : Exercice n°2
Formater des tableaux en CSS : Exercice n°1
Comment placer un tableau entier dans du HTML Appliquer la formule suivante : table>tr*4>td*4>{cellule $} puis touche TAB Exercice n°1 pour intégrer du CSS dans des tableaux Tableau avec une prédéfinition des colonnes : <table> <col class= « col1 »> <col class= « col2 »> <tbody> <tr> <td>Cellule 1.1</td> <td>Cellule 1.2</td> </tr> <tr> <td>Cellule 2.1</td> <td>Cellule 2.2</td> </tr> </tbody>…Continue reading Formater des tableaux en CSS : Exercice n°1
Formater des listes en CSS
Deux exercices pour mettre en page des listes avec des feuilles de style CSS.
Créer des sélecteurs CSS et contrôler la typographie
Dans ces deux exercices, j’ai appris à appliquer des styles avec des sélecteurs CSS sur un document HTML afin de contrôler la typographie des titres et des paragraphes : choix des fonts, couleur, épaisseur du texte, marges, etc.
L’usage des couleurs et Flexbox
Les couleurs Pour faire du photo montage, il est préférable de se servir du format rgb. R pour red, G pour green, et B pour blue. Il y a plus de 16 millions de couleurs proposées, et chaque couleur pèse 1 octet, en sachant que 1 octet comprend 256 valeurs. Il existe aussi le format…Continue reading L’usage des couleurs et Flexbox
Montage photo, CSS et JavaScript
Montage photo Préparation pour intégrer l’image de destination, par exemple sous <ul> : <img src= »images/architecture01.jpg »/> CSS Pour mettre en forme des balises, on utilise class= « untel » Exemple : <h1 class= »titre_site » Comment écrire une fonction CSS : sélecteur { propriété: valeur; } Exemple : p { margin: 0; } Introduction au JavaScript C’est un langage destiné…Continue reading Montage photo, CSS et JavaScript