Signification des parenthèses en CSS

Contenu

Les clés
Parenthèses
Crochets
Chevrons
Notes CSS
Références
Les vols

L'acronyme CSS vient de l'anglais "cascading style sheets" ou "cascading style sheets". CSS donne aux développeurs et aux concepteurs Web un plus grand contrôle artistique et conceptuel en séparant le contenu des paramètres d'affichage. Les instructions CSS sont placées dans l'en-tête d'un document Web, puis affichées dans le corps de la page Web par des accolades - {}. Entre les accolades se trouvent les parenthèses - () - ou les crochets - [] - qui désignent d’autres éléments CSS.

Les crochets CSS sont utilisés dans le corps d'un document Web (Comstock / Comstock / Getty Images)

Les clés

Les clés sont les principaux éléments de la syntaxe CSS. Ils signifient l'ouverture et la fermeture de tous les paramètres CSS contenus dans ceux-ci. Représentés sous la forme {}, ils suivent les éléments CSS qui désignent une image, une position, un élément d'affichage ou toute combinaison d'éléments. Les clés peuvent exister à l'intérieur de tout élément / couche de div et sont toujours à l'intérieur des balises "</ body>". Voici un exemple:

div # exemple {padding: 5px; marge: 20px; largeur: 350px; }

Parenthèses

Les éléments relationnels, tels que les pourcentages et les couleurs, sont entre parenthèses. Les parenthèses donnent une définition supplémentaire aux éléments CSS. Dans les versions CSS antérieures à CSS3, les parenthèses pouvaient définir des éléments de la même manière que des clés. Deux exemples sont couleur (définis par le code hexadécimal) et images de fond, respectivement:

couleur: RVB (128, 128, 255); image: url ("/ images / bg.png")

Crochets

Les crochets - [] -, appelés sélecteurs d'attributs, servent à désigner les valeurs d'attributs d'un élément. Il y avait quatre valeurs différentes dans CSS2 et ont été ajoutées, mais trois avec CSS3. Les quatre sélecteurs d'origine définissent la présence de l'attribut - [title], correspondant à tout élément ayant un attribut "title" spécifié; la valeur d'attribut simple - input [type = "send"], correspondant à tout élément d'entrée dont le type d'attribut est égal à "send"; la valeur de l'attribut de liste - p [class ~ = "littéraire"], correspondant aux paragraphes dont l'attribut de classe est une liste de mots séparés par des espaces, l'un d'eux étant "littéraire"; et valeur d'attribut partielle - [href ^ = "http:"], correspondant aux éléments de lien dont la valeur d'attribut commence par "http:". Les crochets n'étaient pas beaucoup utilisés avant l'introduction d'Internet Explorer 7, car IE6 ne les reconnaissait pas.

De nombreux symboles algébriques sont utilisés comme éléments CSS (BananaStock / BananaStock / Getty Images)

Chevrons

Les sélecteurs et les sections des documents HTML (HTML) et XML (Extensible Markup Language) sont délimités par des crochets pointus, appelés chevrons. . Ils représentent également un élément enfant de certains éléments CSS. En CSS, un "sélecteur d'enfants" est composé d'au moins deux éléments séparés par le chevron ">". Celles-ci désignent certaines sections définies d'une page Web: le corps, qui est la page visible; les couches, qui peuvent être empilées comme des feuilles de papier les unes sur les autres; ou titration, désignant certains objets ou dates appelés "microformats".

Notes CSS

Séparés des crochets CSS, mais restent un outil d’organisation précieux pour la mise en page CSS élaborée, ils constituent des notes de feuille de style. Ce sont des commentaires qui n'ajoutent rien au code HTML et n'augmentent donc pas le temps de chargement des pages; ils fournissent un aperçu pour des CSS longs et élaborés. Les notes en CSS sont placées dans leur propre attribut - / * - comme ceci:

/ Tout commentaire est contenu dans des segments délimités par une barre oblique et un astérisque. /

Ils peuvent être extrêmement utiles pour vous aider à naviguer dans les sections de feuilles de style en cascade.

CSS peut vous aider à concevoir des pages pour différentes tailles d'écran sans créer de mises en page distinctes. (Comstock / Comstock / Getty Images)