Quels sont les termes professionnels du CSS ? Introduction aux termes professionnels CSS

Cet article vous apporte quels sont les termes professionnels du CSS ? L'introduction de la terminologie professionnelle CSS a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère qu'elle vous sera utile.

1. Les attributs

tels que la hauteur, la couleur, etc. sont appelés attributs CSS.

2. Les valeurs

en CSS, telles que : 10px, 50%, #ccc, etc. sont toutes appelées valeurs CSS. Les valeurs de type les plus courantes sont : valeur entière, valeur numérique, valeur en pourcentage, valeur de longueur, valeur de couleur

3. Les mots clés

font spécifiquement référence à certains mots très clés en CSS. Par exemple, solide, absolu, bloc, etc. sont tous des mots-clés

4 Variables

Il existe actuellement très peu de variables en CSS qui peuvent être appelées variables, telles que : currentColor

.

5. Unité de longueur

(1). Unités de longueur relative : divisées en unités de longueur relative de police et unités de longueur relative de fenêtre d'affichage

Unités de longueur de police relative, telles que em, ex, rem, ch (largeur du caractère 0)

Unités de fenêtre d'affichage relatives de longueur, comme vh, vw, vmin et vmax

(2). Unités de longueur absolue : telles que px, pt, cm, etc.

6. La valeur du symbole de fonction

est spécifiée sous la forme d'une fonction, principalement utilisée pour représenter la couleur (rgba et hsla), adresse de l'image d'arrière-plan (url), calcul (calc), effets de transition, etc. Tels que rgba (0,0,0,0.5), url ('a.png'), scale (-1)

7. Valeur de l'attribut

Tout le contenu après l'attribut deux-points est collectivement appelé est la valeur de l'attribut. Par exemple : 1px solid rgb (0,0,0)

8. Déclaration

le nom de l'attribut plus la valeur de l'attribut est une déclaration, par exemple : color: transparent;

9. Bloc de déclaration

Un bloc de déclaration est une série de déclarations entourées d'accolades {}, par exemple :

{
height: 100px;
color: #ccc;
}

10. Une règle ou un ensemble de règles

. a un sélecteur, et il est également suivi d'un bloc de déclaration. Tel que

.nav {
color: tansparent;
width: 23px;
}

11. Sélecteur

sélecteur de classe, sélecteur commençant par ".", de nombreux éléments peuvent appliquer le même sélecteur de classe, comme :. navigation,. actif

Sélecteur ID, un sélecteur commençant par "#", pointe généralement vers un élément unique. Par exemple : #header, #page

sélecteur d'attribut, fait référence au sélecteur contenant [], tel que : input[type="text"] { }, [title~="css-world"] { }

sélecteur de pseudo-classe fait référence à un sélecteur précédé d'un deux-points anglais, tel que : :first-child, :nth-child (1), :hover

sélecteur de pseudo-élément, il existe un sélecteur de deux deux-points anglais consécutifs, tels que : ::after, ::before

12. Le sélecteur de relation

le sélecteur descendant, sélectionne les éléments descendants, reliés par des espaces, tels que : . parent .child { >

Sélecteur de descendant adjacent (sélecteur d'enfant), sélectionne les éléments enfants de premier niveau (fils) qui respectent les règles et ignore les petits-enfants, arrière-petits-enfants, les éléments enfants du deuxième niveau, etc., utilisez > Connexion, (IE7 et supérieur) tel que : .parent>.first-child { >

Sélecteur frère, sélectionne tous les éléments frères après l'élément actuel, ~ connexion, (IE7 et supérieur) tel que : .nav~ .siblings { }

Sélecteur de frères et sœurs adjacents, sélectionne les éléments frères et sœurs adjacents à l'élément actuel, + connexion, (IE7 et supérieur) tels que : .header+.nav { }

13. @Règles

Certaines règles commençant par le caractère @, telles que la requête multimédia @media, la police @font-face

Ce qui précède sont quels sont les termes professionnels pour CSS ? Une introduction complète aux termes professionnels CSS. Si vous souhaitez en savoir plus sur les Tutoriels vidéo CSS, veuillez faire attention au site Web PHP chinois.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!