css

Intégrer une maquette sur la grille avec Flex Vous allez apprendre à utiliser la technologie Flex pour intégrer une maquette dessiner sur une grille. En effet pour faciliter l’intégration côté développement, le graphiste conçoit l’interface graphique en disposant les blocs de contenu sur cette grille de disposition contenant 12 colonnes et des gouttières (espaces entre …

Intégrer une maquette sur la grille avec Flex Lire la suite »

Savoir faire du Responsive Web Design Le Responsive Web Design (RWD) consiste à utiliser le HTML et le CSS pour redimensionner, masquer, réduire ou agrandir automatiquement un site Web, afin de lui donner une belle apparence sur tous les appareils (ordinateurs de bureau, tablettes et téléphones). Important : une page Web doit être accessible sur n’importe …

Savoir faire du Responsive Web Design Lire la suite »

@ MEDIA-QUERIES Rôle Les media-queries vont vous permettre d’adapter vos feuilles de style en fonction du type de média (affichage écran, impression..). Une des fonctionnalités des médias-queries est l’utilisation des requêtes qui permettent d’écrire des expressions qui vérifient des conditions particulières des médias, comme la largeur, la hauteur ou la couleur, l’orientation (portrait, landscape), la résolution et plus encore.. L’utilisation des requêtes permet de …

media queries css Lire la suite »

Attribut MIN-HEIGHT Rôle L’attribut min-height permet de spécifier la hauteur minimum d’une boite Version : CSS2 Héritage (inherit) : non Propriété Javascript : element.style.minHeight Testez vous-même cet attribut Utilisez Codepen. – Le code CSS section{   height: 105px;   background-color: rgb(220,220,220); } div{   width: 30%;   height: 50%;   float: left;   background-color: pink; } div.minWidth{   min-height: 80px;   height: 50%;   background-color: orange; } – Le code …

attribut min height css Lire la suite »

Attribut WORD-SPACING Rôle L’attribut word-spacing permet de spécifier l’espace entre les mots. Version : CSS1 Héritage (inherit) : oui Propriété Javascript : element.style.wordSpacing Testez vous-même cet attribut Utilisez Codepen. – Le code CSS p{   word-spacing: 30px; } – Le code HTML <p>L’espace entre les mots a été augmenté</p> Résultat L’espace a été augmenté par le CSS Compatibilité L’attribut word-spacing est pris en charge …

attribut word spacing css Lire la suite »

Attribut TEXT-INDENT Rôle L’attribut text-indent permet de gérer le retrait du texte (indentation). Version : CSS1 Héritage (inherit) : oui Propriété Javascript : element.style.textIndent Testez vous-même cet attribut Utilisez Codepen. – Le code CSS p{   text-indent: 60px; } – Le code HTML <h1>titre</h1> <p>Mon contenu est en retrait positif</p> Résultat Le texte est mis en retrait par le CSS Compatibilité L’attribut text-indent est …

attribut text-indent css Lire la suite »

Attribut LINE-HEIGHT Rôle L’attribut line-height permet de spécifier la hauteur de ligne (interligne). Version : CSS1 Héritage (inherit) : oui Propriété Javascript : element.style.lineHeight Testez vous-même cet attribut Utilisez Codepen. – Le code CSS div p{   line-height: 3em; } – Le code HTML <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellat voluptate nobis eius consectetur eligendi. Cum harum autem quisquam, …

attribut line-height css Lire la suite »

Attribut LETTER-SPACING Rôle L’attribut letter-spacing permet de spécifier l’espace entre les lettres. Version : CSS1 Héritage (inherit) : oui Propriété Javascript : element.style.letterSpacing Testez vous-même cet attribut Utilisez Codepen. – Le code CSS p{   letter-spacing: 10px; } – Le code HTML <p>Les espaces entres les lettres ont été augmentés</p> Résultat Les espaces entre les lettres ont été augmentés par le CSS …

attribut letter-spacing css Lire la suite »

Attribut DIRECTION Rôle L’attribut direction permet de gérer la drirection du texte par rapport à la page (gauche-droite ou droite-gauche). Version : CSS2 Héritage (inherit) : oui Propriété Javascript : element.style.direction Testez vous-même cet attribut Utilisez Codepen. – Le code CSS .droite{   direction : rtl; } – Le code HTML <p>Direction par défaut</p> <p class= »droite »>Direction inversée</p> Résultat  Compatibilité L’attribut direction est pris …

attribut direction css Lire la suite »

Attribut CONTENT Rôle L’attribut content permet d’insérer du contenu avec les pseudo-éléments :before et :after Version : CSS2 Héritage (inherit) : non Propriété Javascript : element.style.content Testez vous-même cet attribut Utilisez Codepen. – Le code CSS p:after{ /* apres le paragraphe */   content:  » –@Dany »;   color: red; } – Le code HTML <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam ab at voluptatibus …

attribut content css Lire la suite »

Hebergement web pour

1 €

IONOS

1€ HT / mois – Domaine inclus au choix parmi les extensions suivantes : .eu, .com, .biz, .be, .org, .me, .online, .fr, .net, .info.