Maison  >  Article  >  interface Web  >  Notes du guide faisant autorité CSS à lire absolument

Notes du guide faisant autorité CSS à lire absolument

高洛峰
高洛峰original
2017-03-09 17:53:151183parcourir

L'éditeur suivant vous apportera une note de guide faisant autorité CSS à lire absolument. L'éditeur le trouve plutôt bon, je vais donc le partager avec vous maintenant et le donner comme référence pour tout le monde. Venez jeter un œil avec l'éditeur

Chapitre 1 css et documents

1, élément : élément de remplacement (entrée img), non Remplacer éléments (la plupart des travées).

2, lien : rel (relation représentative : feuille de style, feuille de style candidat : ​​feuille de style alternative) ; type (texte/css) ; média : (tous (tous les supports de présentation, écran, imprimé), titre (utilisation du candidat coordinateur) ).

3, @import url(sheet1.css) doit être utilisé dans le style, placé avant les autres règles CSS

4, accessibilité vers l'arrière : c9ccee2e6ea535a969eb3f532ad9fe89 - Style-->531ac245ce3e4fe3d50054a55f265927, afin que les anciens navigateurs ignorent le style et que les navigateurs capables de comprendre CSS puissent lire la feuille de style normalement

5, commentaires CSS : /* */. 🎜>

Chapitre 2 Sélecteurs

1 Lorsque vous regroupez des déclarations, assurez-vous d'utiliser des points à la fin de chaque déclaration n°

<.>2, p.warming.help {background:red;} ne correspond qu'à p éléments dont la classe contient du réchauffement et de l'aide. Si p contient du réchauffement et d'autres, il ne peut pas correspondre, en fait, le navigateur ne vérifie pas l'unicité du. id dans le HTML, mais cela rendra plus difficile l'écriture du dom

4, sélecteur d'attribut : h1[class] {...}

h1[class=''] { ...} Correspondance exacte

h1[class~=''] {...} Correspondance partielle [class^=''] Qu'est-ce que [class$ commence par =''] se termine par quoi [class *=''] contient tous les éléments

*[lang|='en']Un sélecteur d'attribut spécifique qui sélectionnera l'attribut lang égal à en ou commençant par en- Tous les éléments

. 5, sélectionnez l'élément enfant : h1>strong; sélectionnez l'élément frère adjacent h1 p (h1 et p ont un élément parent commun, et enfin sélectionnez pseudo-classe : lien non visité : lien, lien visité : visité (ils sont). tous statiques), équivalent à 8f1663f1a1021d031485f1b9a8aaa766

Pseudo-classe dynamique : focus, maintien de la souris : survol, activation : active (la pseudo-classe dynamique peut être. utilisé pour n'importe quel élément)

Ordre de pseudo-classe recommandé : link-visited-focus-hover-active Un élément enfant (:first-child), qui est facile à mal comprendre, est tous les premiers éléments enfants (dans dans l'exemple ci-dessous, les éléments qui sont les premiers éléments enfants incluent le premier p, le premier li, strong et em ).

Sélectionner selon la langue (:lang()), comme *:lang(fr){color:red;} Cela transforme tous les éléments français en rouge.

Sélecteur de pseudo-élément : première lettre : première lettre, l'agent utilisateur constitue dynamiquement le pseudo-élément 445528f7f494a0b5f90cc4032523ec84;

Première ligne : première ligne
<p>
    <p>helooo</p>
    <ul>
        <li>111</li>
        <li><strong>222</strong></li>
    </ul>
    <p>
        <em>333</em>
    </p>
</p>

Avant et après : avant :après.

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn