Maison  >  Article  >  interface Web  >  Quelles sont les technologies de base du CSS

Quelles sont les technologies de base du CSS

coldplay.xixi
coldplay.xixioriginal
2021-01-20 16:05:323605parcourir

Les technologies de base de CSS sont : 1. Float, qui permet aux éléments d'origine de se détacher du flux de documents et de réaliser une disposition à gauche et à droite ; 2. Le positionnement, relatif même s'il est décalé, la position d'origine est toujours ; là ; 3. Hauteur de ligne [line -height], la majuscule de la police par défaut est de 16 px.

Quelles sont les technologies de base du CSS

L'environnement d'exploitation de ce tutoriel : système Windows 10, version css3, ordinateur DELL G3. Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : Tutoriel vidéo CSS

Les technologies de base du CSS sont :

1, flotteur flottant

  • Laissez les éléments d'origine être séparés du flux de documents et disposez-les à gauche et à droite,

  • Ne réglez pas la largeur au minimum width (la largeur de l'élément interne)

  • float sera pressé au-dessus des éléments au niveau du bloc, mais pas au-dessus des éléments en ligne ni au-dessus du texte au niveau du bloc ; éléments

  • Effets secondaires du flotteur/trois méthodes de dégagement du flotteur

Position

2. relative

  • Même si elle est décalée, la position d'origine est toujours

  • décalée par rapport à elle-même

absolu

  • Décalage, la position a disparu

  • Décalage par rapport à l'élément parent relatif/absolu le plus proche

3, hauteur de ligne

La majuscule de la police par défaut est de 16px

4, alignement des divs sur la même ligne : alignement de base

  • S'il y a du texte, le bas du texte est la ligne de base

  • S'il y a un élément en ligne, le bas de l'élément en ligne l'élément est la ligne de base

  • S'il n'y a pas de texte, la ligne inférieure du div est la ligne de base

Remarque : définissez le style CSS par classe héritage

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