Codes CSS
Transféré par
ScribdTranslationsCodes CSS
Transféré par
ScribdTranslationscodes css
1) A l'heure d'utiliser le css, il y a 3 variables importantes :
selector
Pour appliquer des styles à un document HTML, nous utilisons les sélecteurs CSS. Un sélecteur CSS peut être défini
comme le code qui identifie un ou plusieurs éléments HTML pour leur appliquer des styles de couleur, de taille,
séparation, etc. Cela se produit par cascade si les commandes sont de la même hiérarchie ou par
Un code de rang supérieur détermine le pigment.
Les codes de sélecteur sont :
* (sélecteur universel) : sélectionne tout
b) "detpo (sélecteur par élément)" : sélectionne un élément spécifique, par exemple si je veux changer le
h1 je n'ai qu'à mettre h1 {propriété : valeur}
c) "." (par classes) : sélectionnez uniquement une classe assignée à une commande par exemple, je veux peindre les
codes qui ont assigné la classe "ttulo-h2" alors <input class = "ttulo-h2"> va se peindre. Pour
actvar le sélecteur par classe je dois faire ce qui suit.
".clase que corresponda{propiedad:valor}
d) "#" (par élément) : trier par élément est comme trier par classe, sauf qu'au lieu d'utiliser le
commande "class", on utilise "id" (<h1 id = "nom de l'id que vous souhaitez">). il est recommandé d'utiliser uniquement un type de
"id" par html
e) "par attribut": je l'explique avec un exemple <etiquette attribut = "valeur"> c'est la forme générale si le
je veux spécifiquement mettre <h1(est l'étiquette) mort="oui">
Pour le sélectionner, on fait ce qui suit : (important d'utiliser des accolades) [mort="oui"]
par descendants
g) "par pseudo classes": lors d'un événement, une sélection est générée par exemple si je veux que lorsque ça passe le
Lorsque vous survolez un hyperlien, il doit changer de couleur. Ce que je dois faire en CSS est : a:hover
vert
por !important
Les rangs de la plus grande à la plus petite importance sont :
!important : les règles CSS s'appliquent en cascade, de haut en bas. Ce que fait !important, c'est de sur-
écrire n'importe quelle règle précédente, en rompant la cascade
Les styles en ligne : Les styles en ligne sont des déclarations CSS qui sont intégrées dans les balises HTML
par le biais de l'attribut style. Cette méthode n'affecte que l'élément dans lequel le code est intégré.
Les identifiants font référence à un élément ou une étiquette unique de notre page
web. Sur la page web, nous utiliserons l'attribut id pour identifier l'étiquette et dans la feuille de style.
nous utiliserons le symbole # pour appliquer des feuilles de style.
clases: Feuilles de styles CSS : Classes. Une classe est une définition d'un style qui, en principe, n'est pas
associé à une certaine balise HTML, mais que nous pouvons associer à des balises concrètes.
pseudo-classes :
atributos
éléments
pseudo-éléments
ce sont les caractéristiques que nous cherchons à retoucher, couleur, taille, etc
c'est la valeur que prendra l'étiquette, en fonction de la propriété que l'on souhaite altérer, ex : si la
la propriété est la couleur, la valeur est une couleur, si la propriété est la taille, la valeur sera des pixels de large et
large
méthodologie BEM
BEM (Bloc, Élément, Modificateur) est une méthodologie de nomenclature des classes en CSS qui vise à
structurer et organiser le code de manière plus modulaire et maintenable en évitant des problèmes au moment de
utiliser le sélecteur
exemple
<div class="form">
<input type="text" class="form__input--actve">
<input type="password" class="form__input">
</div>
Étape 1 : utiliser l'étiquette "div" et lui attribuer une classe, dans ce cas, on a utilisé "class=form"
étape 2 : entre les "div", utiliser une étiquette et lui assigner une classe, comme nous le voyons ci-dessus avec input
