Css de base que chaque utilisateur de WordPress doit connaître
Âge {} ou # Abonnez – vous à un courriel après la publication de {}. Ces identifiants indiquent qu’ils ne sont pas spécifiques à un type particulier d’élément, mais qu’ils sélectionnent l’élément lui – même. P
Couleur: Rouge;
}
– Oui. Catégorie {
Couleur: blanc;
}
Numéro d’identification
Couleur: bleu;
}
Puisque nous discutons des bases du SCS, nous ne discuterons pas des sélecteurs plus complexes, mais ils existent. Vous pouvez également cibler les pseudo – classes qui ne peuvent être appliquées que lorsque vous passez le curseur sur un lien. Ou uniquement pour les sélecteurs d’attributs des éléments associés à un paramètre particulier. De plus, vous pouvez utiliser P:: after et IMG:: before pour positionner CSS par rapport à l’élément.
Elles sont très avancées et complexes et doivent être mises en œuvre correctement, de sorte que vous n’avez pas à vous soucier de ces questions pour l’apprentissage de base. Cependant, nous aimerions que vous sachiez qu’il existe des façons plus concrètes d’interagir avec les documents. Les deux points et points – virgules mentionnés ci – dessus indiquent que tout le code CSS est entre crochets. Cependant, dans ces parenthèses, chaque ligne personnalisée doit se terminer par un point – virgule (;). Cela indique au navigateur que le style particulier est terminé. En plus de la lisibilité, l’espacement n’est pas important pour le CSS, mais le point – virgule lui – même n’est pas négociable.
De plus, entre le style et la valeur CSS réels, saisissez deux points généraux (:). Encore une fois, l’espacement ici n’a pas d’importance. Vous pouvez avoir des espaces d’un côté, des espaces des deux côtés ou aucun espace, et CSS s’affiche toujours.
Notez que, bien que vous puissiez quitter ces espaces, vous n’êtes généralement pas censé partir. Cependant, comme la plupart des sites et des sujets offrent un CSS minimal, tous les espaces sont supprimés. 3. Notes CSS si vous devez inclure des documents dans le code CSS, vous pouvez les mettre en oeuvre par des notes. CSS annotation Open, c
Hiusi avec les symboles \/ * et * \/. Il est important d’annoter le code non seulement pour revenir à CSS plus tard, mais aussi pour les futurs développeurs. En général, les annotations CSS sont utilisées pour indiquer le rôle d’un fragment particulier.
Vous pouvez voir que le code ci – dessus ne décrit que le rôle du prochain fragment. Il est important de continuer, car les fichiers CSS peuvent devenir très déformés au fil du temps. C’est à ça que ressemble le commentaire CSS
Img
Affichage: aucun;
}
4. Important
Il est difficile de surestimer l’importance des étiquettes! C’est important pour le CSS. Un jeu de mots. C’est l’un des éléments CSS les plus utilisés, mais c’est aussi l’un des éléments les plus abusés et les plus abusés. Je vois. Il est important de noter que, quelle que soit la ligne, tout autre style du sélecteur doit être écrasé. N’importe où dans la Feuille de style. Donc, si vous voulez vous assurer qu’un projet particulier a toujours une couleur spécifique, vous devriez l’utiliser! C’est important. Attention à l’étiquette! L’information importante se trouve entre la valeur et le point – virgule, pas après.
# Nom de l’auteur {
Couleur: Rouge! Important
}
Nom de l’auteur
Couleur: bleu;
}
5. Affichage: aucun; Ce clip CSS spécial est l’un des contenus d’apprentissage les plus importants pour les débutants. Tout ce qu’il fait est de faire disparaître tout élément que vous visez. Par exemple, si vous avez besoin d’une page sans menu titre, entrez simplement le code suivant: Faites ceci pour les classes qui apparaissent sur presque n’importe quelle page pour les supprimer complètement du site. Vous devez donc faire attention à votre application. Vous pouvez l’utiliser sur un post ou une page WordPress spécifique pour supprimer des éléments individuels du post lui – même, tels que des métadonnées. Dans Divi, vous pouvez personnaliser un seul module de blog pour qu’il ne contienne pas d’extrait d’article en utilisant le code suivant:
. Home blog. Contenu de la publication
Affichage: aucun;
}
6. Visibilité: cachée; En bref, vous pouvez également utiliser la visibilité: cachée; CSS
Kuno. Vous pouvez également utiliser padding left pour remplir, et ainsi de suite.
H2 {
Bord inférieur: 25px;
Remplissage à gauche: 15vh;
}
8. Éléments de coloration Changer la couleur des différents éléments est une des choses que vous pouvez éditer dès le premier jour où vous créez votre site. Dans CSS, les couleurs peuvent être définies de deux façons. La méthode principale consiste à utiliser son code hexadécimal à 6 chiffres: # FFFFFF pour le blanc ou # 000000 pour le noir, par exemple. Vous pouvez définir n’importe quelle couleur RGB en utilisant le code hexadécimal et ne vous inquiétez pas si vous ne les connaissez pas. Il existe de nombreux sites Web et outils à cet égard. La deuxième méthode consiste à utiliser les mots de couleur par défaut. Les couleurs de base comme le bleu, le noir et le Rouge sont les couleurs par défaut que vous pouvez utiliser sans avoir à mémoriser de code hexadécimal. Cependant, si vous n’avez pas besoin de tonalité originale, le code hexadécimal est la meilleure solution. Utilisation du Code de couleur il existe plusieurs façons d’utiliser le Code de couleur dans la pratique. Pour tout texte à éditer, utilisez simplement la couleur: # FFFFFF; Tout texte dans ce sélecteur change. Vous pouvez faire la même chose avec les couleurs pour les titres tels que H1 et H2. P
Couleur: blanc;
Couleur de fond: # 000;
}
Classe H3 {
Contexte: vert;
Bordure: # 110011;
}
Changer la couleur de fond: Rouge; Ou fond: vert; La définition des éléments est tout aussi simple. Ajouter une valeur de couleur. La couleur peut également être utilisée: # 000; La valeur du sélecteur, par exemple: Hover, change la couleur du lien lorsque vous passez le curseur sur le lien. Ou bord: bleu; Placez une bordure colorée autour de tout élément désiré. Sommaire des connaissances de base du SCS le SCS peut être irrésistible. Vous pouvez faire plus que simplement échanger des couleurs et afficher \/ masquer des éléments. Cependant, si vous n’apprenez que CSS et comment manipuler un site Web en utilisant le Code, l’internalisation de ces bases spécifiques vous permettra de vous sentir à l’aise lors de la lecture et de l’édition du Code, même si vous n’avez jamais ouvert l’éditeur de code pr
Imah. Quels CSS de base utilisez – vous souvent sur votre site Web? Darkwark \/ shutterstock article close up Pictures. Com