Tout d'abord, le type de sélecteurs
Quel est le type de sélectionneurs? Se réfère à la page d'étiquetage a été le type d'acte que le nom de Fu. corps est un type de page d'une étiquette, div, p, span tous.
Comme suit:
corps ()
div ()
p ()
span ()
Deuxièmement, les sélecteurs de groupe
Pour XHMTL objet, vous pouvez à la fois un groupe du même style affecté.
Utilisez une virgule sur les sélecteurs ont été séparés, de sorte que l'avantage de l'écriture, le même style de l'écriture, une seule fois pour réduire la quantité de code pour améliorer la structure de code CSS.
Il convient de noter que lorsqu'il est utilisé "virgule" dans la demi-angle de mode, et non pas un Chinois en mode grand angle.
Comme suit:
h1, h2, h6, p, span
(
font-size: 12px;
color: # FF0000;
font-family: arial;
)
Trois, y compris les sélecteurs
Objet d'un sous-objet style de spectacle est prévue, de sorte que la sélection a joué un rôle.
Notez que cet objet est uniquement un sous-effectif de l'objet étiquettes, stand-alone ou tout autre objet se trouve à l'extérieur de la sous-objet, ne pas appliquer les paramètres de ce style.
Les avantages de le faire, de nous aider à éviter la sur-id, les paramètres de classe, directement à la définition des éléments nécessaires.
Comme suit:
h2 span
(
color: red;
)
Comme suit:
h1 span corps solide
(
font-weight: bold;
)
IV, id sélecteurs
DOM Document Object Model, conformément au principe qui ressort de sélection, pour un document XHTML, en laquelle chacun peut utiliser un label id = "" sous la forme d'un nom attribué, mais la nécessité de prêter attention à, dans un document XHTML est un CD-id et nous ne pouvons pas faire un duplicata.
Div css disposition dans les pages, vous pouvez utiliser des noms différents, comme la tête de l'en-tête, au bas de la page.
XHTML est la suivante:
CSS est le suivant:
# Contenu
(
font-size: 14px;
line-height: 120%;
)
5, de sélecteurs de classe
En fait, id est une extension de la XHTML tags, alors que la classe est SHTML une combinaison d'un certain nombre de labels, de la classe sens littéral est le type ou la catégorie.
XHTML tags pour l'utilisation de class = "" pour le nom de la cession. Avec id différents, la classe peut être réutilisé pour de plus que les mêmes éléments de style peuvent être définies comme une classe.
L'utilisation des avantages de la classe ne va pas de soi, de ses possibilités de réutilisation de code CSS un bon reflet d'un grand nombre de labels peuvent être utilisés pour définir un style, sans la nécessité pour chaque style de préparer un code.
XHTML est la suivante:
CSS est le suivant:
. Il
(
margin: 10px;
background-color: red;
)
6, l'étiquetage désigné type de sélecteurs
Si vous voulez utiliser id et class, tiens aussi à utiliser les étiquettes de sélection, vous pouvez utiliser la méthode suivante:
h1 # content ()
/ * Id pour le contenu que toutes les balises h1 * /
h1.p1 ()
/ * C'est toute la classe pour les h1 tag p1 * /
Tags désigné de choisir entre la précision des étiquettes d'adresse et de sélecteurs id / class de choisir entre Fu est l'un des sélecteurs couramment utilisés.
VII portefeuille sélecteurs
Pour tous les sélecteurs ci-dessus, la combinaison de l'utilisation. Comme suit:
h1. p1 ()
/ * H1 dit classe label p1 * /
# Content h1 ()
Que l'id de l'onglet pour le contenu de toutes les balises h1
h1. p1, # content h1 ()
/ * H1 dit classe pour p1 label contenu ainsi que de l'id de l'onglet pour toutes les balises h1 * /
h1 # content h2 ()
/ * Id du contenu des balises h1 * h2 tags /
Sélecteurs CSS sont très libre et flexible, basé sur les besoins de la page, en utilisant une variété de sélection, dans la mesure du possible et d'optimiser la structure des fichiers CSS.
