Extraits de code 2025, Février

Ruban d'angle - Astuces CSS

Ruban d'angle - Astuces CSS

NEWS .wrapper (marge: 50px auto; largeur: 280px; hauteur: 370px; arrière-plan: blanc; bordure-rayon: 10px; -webkit-box-shadow: 0px 0px 8px rgba (0,0,0,0.3); "

Hauteur minimale du navigateur croisé - Astuces CSS

Hauteur minimale du navigateur croisé - Astuces CSS

Div (min-height: 500px; height: auto! important; height: 500px;) Cela fonctionne parce que (heureusement?) IE traite "height" comme "min-height" est censé être "

Bloc en ligne de navigateur croisé - Astuces CSS

Bloc en ligne de navigateur croisé - Astuces CSS

Li (largeur: 200px; hauteur-min: 250px; bordure: 1px solide # 000; affichage: -moz-inline-stack; affichage: bloc en ligne; alignement vertical: haut; marge: 5px; zoom: "

Compresser CSS avec PHP - Astuces CSS

Compresser CSS avec PHP - Astuces CSS

Démarrez vos fichiers CSS avec ce PHP (et nommez-le style.php): body (color: red;) Puis appelez votre CSS avec le nom de fichier PHP: "

Icônes Unicode communes - Astuces CSS

Icônes Unicode communes - Astuces CSS

A: before (content: "2709";) .phone: before (content: "2706";) .important: before (content: "27BD";) blockquote: before (content: "275D";) "

Commentaires en CSS - Astuces CSS

Commentaires en CSS - Astuces CSS

Exemple: body (font-size: 62,5% / * 1em = 10px * /) Les éléments à l'intérieur des marques / * * / sont des commentaires CSS. Cela vous permet d'entrer des notes dans CSS qui "

Le Clearfix: forcer un élément à nettoyer lui-même ses enfants - Astuces CSS

Le Clearfix: forcer un élément à nettoyer lui-même ses enfants - Astuces CSS

Cela vous fera très bien ces jours-ci (IE 8 et plus): .group: after (content: ""; display: table; clear: both;) Appliquez-le à n'importe quel élément parent dans lequel vous "

Modifier les styles de saisie semi-automatique dans les navigateurs WebKit - Astuces CSS

Modifier les styles de saisie semi-automatique dans les navigateurs WebKit - Astuces CSS

Nous avons reçu un bon conseil de Lydia Dugger par e-mail avec une méthode pour changer les styles que les navigateurs WebKit appliquent aux champs de formulaire qui ont été "

Centrer un site Web - Astuces CSS

Centrer un site Web - Astuces CSS

# page-wrap (largeur: 800px; marge: 0 auto;) "

Changer la couleur de la sélection de texte - Astuces CSS

Changer la couleur de la sélection de texte - Astuces CSS

:: selection (background-color: #FFA; color: # 000;) (Plus d'infos) "

Boutons Apple Pay en CSS - Astuces CSS

Boutons Apple Pay en CSS - Astuces CSS

Vous n'êtes pas obligé de concevoir vos propres boutons pour Apple Pay. En fait, Apple vous dit littéralement que vous ne pouvez pas. Alors, que faites-vous sur le web? Heureusement,"

Hacks spécifiques au navigateur - Astuces CSS

Hacks spécifiques au navigateur - Astuces CSS

***** Selector Hacks ****** / / * IE6 et inférieurs * / * html #uno (couleur: rouge) / * IE7 * / *: first-child + html #dos (couleur: rouge) / * IE7, FF, Saf, Opera * / "

Center DIV avec hauteur dynamique - Astuces CSS

Center DIV avec hauteur dynamique - Astuces CSS

CSS: * (margin: 0; padding: 0;) #page (display: table; overflow: hidden; margin: 0px auto;) *: first-child + html #page (position: relative;) / * ie7 * / * html "

Texture granuleuse animée - Astuces CSS

Texture granuleuse animée - Astuces CSS

Le site Web DayTrip utilise un effet soigné sur son en-tête de page qui déforme l'image d'arrière-plan avec une texture animée et granuleuse. L'effet est subtil mais "

Animation de chargement animée rebondissante - Astuces CSS

Animation de chargement animée rebondissante - Astuces CSS

Juste quelques funzies avec des animations CSS3. Si vous êtes préoccupé par la prise en charge des navigateurs super profonds, utilisez un GIF. .loader (text-align: center;) .loader span ("

Texte flou - Astuces CSS

Texte flou - Astuces CSS

Rendre la couleur du texte transparente mais ajouter une ombre: .blur (color: transparent; text-shadow: 0 0 5px rgba (0,0,0,0.5);) Flou Plus de navigateurs prennent en charge la couleur "

Principes de base de l'API Google Font - Astuces CSS

Principes de base de l'API Google Font - Astuces CSS

Lien vers des fichiers CSS Vous créez un lien direct vers des fichiers CSS sur Google.com. Grâce aux paramètres d'URL, vous spécifiez les polices que vous voulez et quoi "

Centre absolu (vertical et horizontal) une image - Astuces CSS

Centre absolu (vertical et horizontal) une image - Astuces CSS

Image d'arrière-plan CSS Technique: html (largeur: 100%; hauteur: 100%; arrière-plan: url (7518965 / absolute_center_vertical_horizontal_an_image_css-tricks.png.webp) center center no-repeat;) Technique d'image CSS + en ligne: img ("

Mieux Helvetica - Astuces CSS

Mieux Helvetica - Astuces CSS

Corps (font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300;) "

Basculement de lien de base en tant que sprite CSS - Astuces CSS

Basculement de lien de base en tant que sprite CSS - Astuces CSS

A (background: url (sprite.png.webp) no-repeat; display: block; height: 30px; width: 250px;) a: hover (background-position: 0 -30px;) La hauteur définie et "

Accessibilité / SEO Friendly CSS Hiding - Astuces CSS

Accessibilité / SEO Friendly CSS Hiding - Astuces CSS

.screen-reader-text (position: absolue; haut: -9999px; gauche: -9999px;) Cette classe peut supprimer un élément de la page, le retirer du flux et ne le fait pas "

Tous les types de supports de feuille de style - Astuces CSS

Tous les types de supports de feuille de style - Astuces CSS

All Utilisé pour tous les appareils de type média aural Utilisé pour les synthétiseurs vocaux et sonores braille Utilisé pour les dispositifs de retour tactile braille gaufré Utilisé pour paginé

Menu de pain hamburger Apple.com - Astuces CSS

Menu de pain hamburger Apple.com - Astuces CSS

Apple a fait du bruit en publiant un site mis à jour, y compris une toute nouvelle navigation réactive. Alors que la refonte était axée sur d’autres choses, un "