Aide-mémoire CSS - Introduction
Les feuilles de style en cascade, également connues sous le nom de CSS, sont un langage de feuille de style utilisé pour décrire la présentation d'un document écrit dans un langage de balisage comme HTML. Il simplifie fondamentalement le processus de présentation des pages Web. Il gère l'apparence de la page Web et est utilisé pour contrôler les fonctionnalités d'une page Web comme la couleur du texte, le style des polices, l'espacement entre les paragraphes, l'alignement des colonnes, les images et les couleurs d'arrière-plan et une variété d'autres effets . Les avantages d'une feuille de triche CSS sont qu'elle permet de gagner du temps, que les pages se chargent plus rapidement, une maintenance facile, des styles supérieurs, la compatibilité de plusieurs appareils et les normes Web mondiales.
Commandes et contenu sur CSS de feuille de triche
Syntaxe de base
La syntaxe de base du CSS de feuille de triche se compose d'un sélecteur et de composants de déclaration. Le composant sélecteur spécifie l'élément HTML qui doit être stylisé. Le composant de déclaration contient deux propriétés ou plus et leurs spécifications séparées par des points-virgules. Le composant de déclaration commence et se termine toujours par des accolades.
Voici les commandes CSS Cheatsheet mentionnées qui effectuent différents types d'opérations:
| spécification | Commander |
| Couleurs | Les couleurs sont spécifiées à l'aide de noms de couleurs prédéfinis ou de valeurs RVB, HEX, HSL, RVBA, HSLA. |
| Arrière-plans | La couleur d'arrière-plan d'un élément est spécifiée par la propriété background-color |
| Les frontières |
|
| Marges | La propriété Margin définit les propriétés des marges dans une déclaration. |
| Rembourrage | La propriété permettant de définir les propriétés de remplissage dans une déclaration est le remplissage. |
| Hauteur largeur | Les propriétés de hauteur et de largeur sont utilisées pour spécifier la hauteur et la largeur d'un élément. |
| Contour | La propriété de style de contour spécifie le type de contour d'un élément. |
| Texte | La propriété color est utilisée pour définir la couleur du texte. |
| Les polices | La propriété font-family est utilisée pour définir la police du texte sélectionné. |
| Liens | La propriété text-decoration est utilisée pour supprimer les soulignements des liens et la propriété background-color peut être utilisée pour spécifier la couleur d'arrière-plan des liens. |
| Listes | La propriété de style liste définit la propriété d'une liste dans une seule déclaration. L'image de style liste spécifie une image comme marqueur d'élément de liste. La position de style de liste spécifie la position du marqueur d'élément de liste. Le type de type liste spécifie le type de marqueur d'élément de liste. |
| les tables | Border définit toutes les propriétés de bordure dans une seule déclaration. Le border-collapse spécifie si une bordure doit être réduite ou non. La frontière-espacement la distance ou l'espacement entre les cellules adjacentes. Le côté légende spécifie l'emplacement d'une légende de table. La disposition de table définit l'algorithme de disposition d'une table. |
| Afficher | La propriété display spécifie si un élément est affiché et comment il est affiché. |
| Largeur maximale | Dans le processus de spécification de la largeur d'un élément de bloc, l'utilisation de max-width améliorera la gestion par le navigateur des petites fenêtres. |
| Position | La propriété position spécifie la position d'un élément. |
| Débordement | La propriété overflow contrôle le texte trop volumineux pour tenir dans une zone. |
| Flotte | La propriété float spécifie comment un élément doit flotter. |
Trucs et astuces gratuits d'utilisation des commandes CSS de feuille de triche: -
Voici quelques astuces essentielles de CSS de feuille de triche.
- Box-Model: Le CSS Box-Model est essentiellement une boîte qui entoure chaque élément HTML. Il se compose de marges, de bordures, de remplissage et de contenu.
- Pseudo-classe: est utilisée pour définir un état spécifique d'un élément qui implique de styliser un élément différemment lorsqu'un utilisateur le survole, le style des liens visités et non visités et le style des éléments qui sont mis au point.
- Pseudo-élément: est utilisé pour styliser une partie d'un élément comme la première lettre, le mot ou la ligne. Il aide également à insérer du contenu avant et après le contenu d'un élément.
- Hauteur verticale de l'écran: il s'agit de spécifier dans quelle mesure le contenu doit occuper l'écran.
- Style des liaisons téléphoniques: il spécifie les propriétés des liaisons qui s'ouvrent en tant que numéros de téléphone sur le téléphone.
- Barres de navigation: Il est important pour un site Web d'avoir une bonne navigation. CSS transforme les menus HTML ennuyeux en barres de navigation attrayantes.
Conclusion
La feuille de triche CSS, en tant qu'outil de création de site Web, est très efficace. Étant donné que les options pour une meilleure présentation d'un site Web et l'ajout de fonctionnalités utiles sont plus avec CSS, il est de loin préférable.
Articles recommandés
Ceci a été un guide pour CSS de feuille de triche ici, nous avons discuté du contenu et de la commande ainsi que des trucs et astuces gratuits de CSS de feuille de triche, vous pouvez également consulter l'article suivant pour en savoir plus -
- Cheat Sheet SQL
- Questions d'entretiens chez CSS
- CSS vs CSS3 différences
- Questions et réponses d'entrevue CSS3
- Aide-mémoire intéressant pour UNIX
- Cheat Sheet JavaScript: Fonctions