Maison > interface Web > tutoriel HTML > Résumé des connaissances clés en CSS

Résumé des connaissances clés en CSS

巴扎黑
Libérer: 2017-07-18 17:21:03
original
1351 Les gens l'ont consulté

1 Présentation

1. Qu'est-ce que CSS ?

Feuille de style en cascade, une feuille de style en cascade, est utilisée pour définir le style d'affichage du contenu de la page.


Pourquoi utiliser le CSS et quels sont les avantages ?

1 : [Contenu] et [Performance] sont séparés. Seules les informations textuelles sont stockées dans le fichier HTML et la partie style est placée dans un fichier de style indépendant. La page est plus conviviale pour les moteurs de recherche.

2 : Améliorer la vitesse de navigation des pages. La capacité de la page utilisant la mise en page CSS est beaucoup plus petite que la capacité du fichier de page de la mise en page TABLE. La première n'est généralement que la moitié de la taille de la seconde.

3 : Facile à maintenir et à réviser. Tant que vous modifiez simplement le fichier CSS correspondant, vous pouvez repenser toute la page du site Web.

4 : L'utilisation de la mise en page CSS est plus conforme aux normes actuelles du W3C. L'organisation W3C est une organisation à but non lucratif qui formule des normes de réseau telles que HTML, CSS et XML.


Quelles sont les manières d'appeler les feuilles de style CSS ?

1. Style interne : Mettez la feuille de style CSS dans le document  : Le format est le suivant :


2. C'est un élément Ajouter plusieurs styles

Un élément peut définir plusieurs classes en même temps. Différentes classes sont séparées par des espaces, comme class="xxx01 xxx02".

3. Ajouter des styles aux éléments enfants

Comment définir des styles pour les éléments enfants : élément parent + espace + élément enfant {}, généralement identifiant + classe.

Deux attributs couramment utilisés

1 Texte

  • texte. - align:center : Le texte est centré.

2. Patch intérieur

  • rembourrage : Patch intérieur, c'est-à-dire largeur interne. . Format : padding : 5px (vous pouvez définir une valeur ou 4 valeurs), utilisé pour définir la distance entre les éléments adjacents et leurs bordures.

3. Patch externe

  • marge : ajouter une marge entre les objets et les autres objets Réduire l'espace blanc et l'espacement accru se trouvent à l'extérieur de l'objet, on l'appelle donc patch externe. La méthode d'utilisation est la même que le remplissage de patch interne.

4. Mise en page

débordement : définissez des mesures de traitement lorsque le contenu de l'objet dépasse la plage spécifiée.

  • auto : utilisez les barres de défilement ou le cisaillement uniquement lorsque cela est nécessaire.

  • masqué : ne pas afficher le contenu hors de portée.

  • visible : Valeur par défaut, pas de découpage, pas de barres de défilement.

  • défilement : affiche toujours les barres de défilement.

affichage : Changez la façon dont l'objet est affiché.

  • inline-block : Traitez l'objet comme un objet en ligne et son contenu comme un objet bloc. Habituellement, la largeur est ajoutée pour définir la largeur de l'objet à aligner.

  • aucun : Élément caché, cet élément n'occupe pas d'espace.

  • visibilité : cachée : Objets cachés, les objets cachés occupent toujours de l'espace.


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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal