1. Livres et vidéos
  2. CSS3 - Adoptez les feuilles de style pour maîtriser les standards du web

CSS3 Adoptez les feuilles de style pour maîtriser les standards du web

  • Accès illimité 24h/24, 7J/7
  • Tous les livres en ligne, les vidéos et les cours enregistrés ENI
  • Plus de 10 nouveautés livres et vidéos chaque mois
  • Les nouveautés disponibles le jour de leur sortie
  • Accès 100% en ligne
  • En stock
  • Expédié en 24h00
  • Livraison à partir de 0,01 €
  • Version en ligne offerte
  • 1 h d'accès gratuit à tous nos livres et vidéos pour chaque commande
  • Accessible immédiatement
  • Version HTML
  • Accès illimité 24h/24, 7J/7

Présentation

Ce livre sur CSS3 s'adresse à un public de développeurs qui doivent intervenir sur la gestion de pages web comportant l'utilisation de feuilles de styles CSS. À l'issue de cette lecture, vous serez en mesure de comprendre, de modifier et d'adapter les styles CSS créés par des graphistes, afin de les intégrer dans le développement de vos projets.

Le livre permet de découvrir la mise en place des CSS, avec toute la syntaxe et les notions indispensables d'héritage et de cascade. Les propriétés CSS étudiées sont illustrées d'exemples d'application. Chaque chapitre est consacré à une thématique des CSS : les polices de caractères, le texte, les listes, les tableaux et les formulaires. L'auteur traite bien sûr la gestion des conteneurs qui permettent la mise en œuvre de certaines techniques de mise en page (boîtes flottantes et boîtes positionnées). Il présente la notion de Responsive Web Design pour créer des pages web s'adaptant aux différents supports de diffusion (écran d'ordinateur, tablette et smartphone). Il poursuit le livre par la description des techniques d'animation, de transformation et de transition. Le dernier chapitre fournit des exemples de mise en page.

Tous les exemples présentés sont disponibles en téléchargement sur le site www.editions-eni.fr.


Les chapitres du livre :
Utiliser les Cascading Style Sheets - Créer des feuilles de style CSS - Les polices - Le texte - Les listes - Les tableaux et les formulaires - L'interface utilisateur - Les boîtes - Le Responsive Web Design - Les modules CSS3 de mise en page - Les modules CSS3 en travaux - Des exemples de mise en page

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
    • 1. L'objectif
    • 2. La mise en page en boîtes flottantes
      • 2.1 L'objectif
      • 2.2 Le conteneur général
      • 2.3 L'en-tête
      • 2.4 Le logo, le slogan et le champ de recherche
      • 2.5 La navigation
      • 2.6 La zone centrale
      • 2.7 Le pied de page
      • 2.8 Le code complet de cet exemple
      • 2.9 Les inconvénients
    • 3. La mise en page en tableau
      • 3.1 L'objectif
      • 3.2 La structure du tableau
      • 3.3 Les cellules du tableau
      • 3.4 Les contenus du tableau
      • 3.5 L'affichage et les avantages
    • 4. La mise en page adaptative
      • 4.1 L'objectif
      • 4.2 Installer le framework
      • 4.3 La grille de Kube
      • 4.4 La grille de notre exemple
      • 4.5 Les sélecteurs universels
      • 4.6 Les sélecteurs des lignes
      • 4.7 Les sélecteurs des blocs
      • 4.8 L'adaptation aux petits écrans
    • Index

Auteur

Christophe AUBRYEn savoir plus

Responsable pédagogique dans un centre de formation et formateur sur les technologies Web et les Arts graphiques pendant plus de quinze ans, Christophe AUBRY est aujourd'hui dirigeant de la société netPlume spécialisée dans la rédaction pédagogique et la création de sites internet. Auteur de nombreux livres et vidéos aux Editions ENI (HTML/CSS, RWD, WordPress, Drupal, Joomla…), il reste au fait des nouveautés concernant la conception des sites web en effectuant une veille technologique régulière.

Caractéristiques

  • Niveau Initié à Confirmé
  • Nombre de pages 333 pages
  • Parution mars 2015
    • Livre (broché) - 17 x 21 cm
    • ISBN : 978-2-7460-0939-9
    • EAN : 9782746093959
    • Ref. ENI : RI3CSS
  • Niveau Initié à Confirmé
  • Parution mars 2015
    • HTML
    • ISBN : 978-2-7460-9541-0
    • EAN : 9782746095410
    • Ref. ENI : LNRI3CSS

Téléchargements

En complétant ce formulaire, vous acceptez d'être contacté afin de recevoir des informations sur nos produits et services ainsi que nos communications marketing. Vous aurez la possibilité de vous désabonner de nos communications à tout moment. Pour plus d'informations sur notre politique de protection des données, cliquez ici.
  • Des fichiers complémentaires (474 Ko)