Table des matières
- Utiliser les Cascading Style Sheets
- 1. Les objectifs du livre
- 2. L’évolution des CSS
- 2.1 Les modules CSS3
- 2.2 Les étapes dans la conception des CSS3
- 3. Les préfixes des navigateurs
- 4. Le site Can I use
- 5. Les propriétés CSS
- 6. La structure du livre
- 7. Les exemples à télécharger
- Créer des feuilles de style CSS
- 1. L’objectif
- 2. La syntaxe
- 2.1 Les principes
- 2.2 Un exemple simple
- 2.3 Les règles d’écriture
- 2.4 Les règles de nommage
- 3. Où créer la feuille de style ?
- 3.1 Les différentes possibilités
- 3.2 Dans l’élément HTML
- 3.3 Dans la page HTML
- 3.4 Dans un fichier CSS
- 3.5 La liaison avec <link>
- 3.6 La liaison avec @import
- 3.7 Création, liaisons et importations multiples de règles CSS
- 4. Les commentaires
- 5. Les sélecteurs
- 5.1 L’utilisation des sélecteurs
- 5.2 Le sélecteur universel
- 5.3 Les sélecteurs de type
- 5.4 Les sélecteurs d’attribut
- 5.5 Les sélecteurs d’identification
- 5.6 Les sélecteurs de classe
- 5.7 Les pseudo-classes dynamiques de lien
- 5.8 Les pseudo-classes dynamiques d’action
- 5.9 La pseudo-classe de cible
- 5.10 La pseudo-classe de langue
- 5.11 Les pseudo-classes d’état
- 5.12 La pseudo-classe de la racine
- 5.13 Les pseudo-classes de premier et dernier enfant
- 5.14 La pseudo-classe des premiers enfants
- 5.15 La pseudo-classe des derniers enfants
- 5.16 Les pseudo-classes du premier et du dernier enfant d’un type
- 5.17 Les pseudo-classes des premiers et des derniers enfants d’un type
- 5.18 La pseudo-classe des éléments sans frère
- 5.19 La pseudo-classe des éléments sans frère d’un type
- 5.20 La pseudo-classe des éléments vides
- 5.21 La pseudo-classe de négation
- 5.22 Les pseudo-éléments
- 6. Les combinaisons de sélecteurs
- 6.1 L’utilisation des combinaisons
- 6.2 Les sélecteurs descendants
- 6.3 Le sélecteur d’enfants
- 6.4 Le sélecteur d’enfants adjacents
- 6.5 Le sélecteur d’enfant général
- 6.6 Les groupes de sélecteurs
- 7. L’héritage dans l’imbrication des éléments
- 8. La cascade dans l’application des propriétés
- 8.1 L’utilisation de la cascade
- 8.2 L’ordre de la cascade
- 8.3 Deuxième niveau : la règle d’importance
- 8.4 Troisième niveau : la spécificité des sélecteurs
- 8.5 Quatrième niveau : la proximité des sélecteurs
- 9. Les unités utilisées dans les CSS
- 9.1 L’utilisation des unités
- 9.2 Les unités numériques
- 9.3 Les unités de mesure absolues
- 9.4 Les unités de mesure relatives
- 9.5 D’autres unités
- 10. Les couleurs
- 10.1 L’utilisation des couleurs
- 10.2 La notation nominale
- 10.3 La notation hexadécimale
- 10.4 La notation RGB
- 10.5 La notation HSL
- 11. Les adresses Internet
- Les polices
- 1. L’objectif
- 2. L’application des polices de caractères
- 3. Les polices locales
- 4. Les polices embarquées
- 4.1 Les formats des polices
- 4.2 La règle @font-face
- 4.3 Le nom des polices
- 4.4 Les polices embarquées locales
- 4.5 Indiquer plusieurs formats
- 4.6 Les styles typographiques
- 5. Les polices en ligne
- 5.1 Les Google Fonts
- 6. La graisse des caractères
- 7. La largeur des caractères
- 8. Le style des caractères
- 9. La taille des caractères
- 10. Ajuster la taille des caractères
- 11. Les petites capitales
- 12. La propriété générique
- 13. La couleur des caractères
- 14. Les décalages des caractères
- 15. D’autres propriétés à venir
- Le texte
- 1. L’objectif
- 2. Les modes d’écriture
- 3. L’espacement entre les lettres
- 4. L’espacement entre les mots
- 5. La décoration
- 5.1 La propriété CSS 2.1
- 5.2 Les propriétés CSS 3
- 5.3 L’ombre portée
- 6. La casse du texte
- 7. L’alignement du texte
- 8. Le retrait de première ligne
- 9. L’interligne
- 10. Les espaces blancs
- 11. Les tabulations
- 12. Les ruptures et la césure
- 12.1 Les ruptures de lignes
- 12.2 Les ruptures de mots
- 13. La césure
- 13.1 Définir les césures
- 13.2 Les exceptions de césure
- 14. Le contenu généré
- 14.1 Le contenu textuel avant et après
- 14.2 Les compteurs
- 14.3 Les CSS3
- 15. Le débordement du texte
- Les listes
- 1. L’objectif
- 2. Les styles des marques
- 3. Les marques avec des images
- 4. La position des marques
- 5. La syntaxe courte
- 6. Les CCS3
- Les tableaux et les formulaires
- 1. L’objectif
- 2. Les tableaux
- 2.1 La largeur des tableaux
- 2.2 Les bordures des tableaux
- 2.3 L’espace entre les cellules
- 2.4 La gestion des cellules vides
- 3. Les formulaires
- 3.1 La mise en forme
- 3.2 Redimensionner un champ
- 3.3 Des pseudo-classes pour les formulaires
- 3.4 Les champs requis et optionnels
- 3.5 La mise en forme du focus
- 3.6 La validation des saisies
- L’interface utilisateur
- 1. L’objectif
- 2. Les contours dynamiques
- 3. Les curseurs
- 4. Les propriétés à risques
- Les boîtes
- 1. L’objectif
- 2. Le modèle des boîtes
- 2.1 La structure des boîtes
- 2.2 Les différents types d’affichage
- 2.3 La propriété d’affichage des boîtes
- 3. L’affichage de la boîte
- 4. Les largeur et hauteur de la boîte
- 4.1 Les largeur et hauteur standards
- 4.2 Spécifier le calcul de la largeur
- 5. Le remplissage interne
- 6. Les marges externes
- 6.1 Les propriétés
- 6.2 La fusion des marges
- 6.3 Un exemple de marges fixes
- 6.4 Un exemple de marges en auto
- 7. Le débordement du contenu
- 8. Les bordures
- 8.1 Les propriétés
- 8.2 Les styles de la bordure
- 8.3 L’épaisseur de la bordure
- 8.4 La couleur de la bordure
- 8.5 La propriété générique des bordures
- 8.6 Les bordures fantaisistes
- 9. Les coins arrondis
- 9.1 Les coins avec des cercles
- 9.2 Les coins avec des ellipses
- 10. Les arrière-plans
- 10.1 Les couleurs d’arrière-plan
- 10.2 Les dégradés d’arrière-plan
- 10.3 Les images d’arrière-plan
- 10.4 Les autres propriétés d’arrière-plan
- 11. Les ombres portées
- 12. Le positionnement des boîtes
- 13. Les boîtes flottantes
- 13.1 La propriété de flottement
- 13.2 Un exemple simple de flottement
- 13.3 Un exemple plus élaboré de flottement
- 13.4 Interdire le flottement
- 14. Les boîtes positionnées
- 14.1 La propriété de positionnement
- 14.2 La position relative
- 14.3 La position fixe
- 14.4 La position absolue
- Le Responsive Web Design
- 1. L’objectif
- 2. Les requêtes de média
- 2.1 La recommandation du W3C
- 2.2 Les critères des requêtes de média
- 2.3 La syntaxe des requêtes de média
- 2.4 Les valeurs minimales et maximales
- 2.5 Les opérateurs logiques
- 3. La taille des écrans
- 3.1 La taille physique et l’affichage
- 3.2 Les zooms à l’écran
- 3.3 Deux sites de référence pour la taille des écrans
- 4. Un exemple d’un site simple
- 4.1 La structure du site
- 4.2 Réaliser un design adaptatif simple
- 4.3 Les affichages
- 5. Des images adaptatives
- Les modules CSS3 de mise en page
- 1. L’objectif
- 2. Le module Multi-column Layout
- 2.1 L’objectif du module
- 2.2 La mise en place des colonnes
- 2.3 La mise en place des gouttières
- 2.4 La mise en place des sauts de colonnes
- 2.5 La répartition sur plusieurs colonnes
- 3. Le module Flexible Box Layout
- 3.1 L’objectif du module
- 3.2 Les boîtes flexibles
- 3.3 L’orientation et le sens des boîtes
- 3.4 Le débordement des boîtes
- 3.5 L’alignement horizontal des boîtes
- 3.6 L’alignement vertical des boîtes
- 3.7 Les propriétés de flexibilité
- 4. Le module Shapes
- 4.1 L’objectif du module
- 4.2 L’habillage par une forme
- 5. Le module Masking
- 5.1 L’objectif du module
- 5.2 Masquer une partie de l’image
- Les modules CSS3 en travaux
- 1. L’objectif
- 2. Le module Animations
- 2.1 L’objectif du module
- 2.2 La construction des animations
- 2.3 Animer une forme
- 3. Le module Transforms
- 3.1 L’objectif du module
- 3.2 Des exemples de transformation
- 3.3 Un exemple de galerie de Polaroid
- 4. Le module Transitions
- 4.1 L’objectif du module
- 4.2 Mettre en place les transitions
- 4.3 Un exemple d’un menu interactif
- Des exemples de mise en page
Soyez le premier à donner votre avis sur “CSS3”