Maison  >  Article  >  interface Web  >  float n'est-il pas un attribut de boîte en HTML ?

float n'est-il pas un attribut de boîte en HTML ?

青灯夜游
青灯夜游original
2021-03-02 17:34:121966parcourir

Oui, float n'est pas un attribut de boîte. Les attributs de la boîte incluent : la largeur, la hauteur, le remplissage, le remplissage en bas, le remplissage à gauche, le remplissage à droite, le remplissage en haut, la marge, la bordure, etc.

float n'est-il pas un attribut de boîte en HTML ?

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Le modèle de boîte (modèle) est un modèle de pensée utilisé par la technologie CSS qui est souvent utilisé dans la conception Web. CSS suppose que tous les éléments du document HTML génèrent une boîte d'élément rectangulaire qui décrit l'espace occupé par l'élément dans la mise en page du document HTML, qui peut être visualisée sous forme de boîte.

En définissant une série d'attributs liés aux boîtes, les performances et la structure de mise en page de chaque boîte et même de l'ensemble du document HTML peuvent être considérablement enrichies et promues.

Le mode boîte CSS (modèle), également appelé modèle boîte (Box Model), est composé de plusieurs éléments : le contenu de l'élément (contenu), la marge intérieure (padding), la bordure (bordure) et la marge extérieure ( marge) composée (comme le montre l’image ci-dessous).

Nous pouvons comprendre ces attributs en les transférant aux boîtes (boîtes) de notre vie quotidienne. Les boîtes que nous voyons dans notre vie quotidienne sont aussi des boîtes qui peuvent contenir des choses, et elles ont aussi ces attributs, donc elles. sont appelés C'est le mode boîte.

float nest-il pas un attribut de boîte en HTML ?

Modèle de boîte (Boîte flexible) Propriétés

Paramètre de la zone de contenu (contenu). ):

  • largeur : réglage de la largeur
  • hauteur : réglage de la hauteur

Le réglage de la largeur et de la hauteur peut être une valeur spécifique (avec unité) , ou il peut s'agir d'un paramètre de pourcentage.

2. Paramètres de remplissage :

  • Le remplissage de la boîte est divisé en quatre directions : haut, droite, bas et gauche
  • Le paramètre de remplissage est utilisé pour contrôler la distance entre le contenu chargé dans la boîte et le bord (bordure) de la boîte.
  • Le remplissage de la boîte occupe l'espace à l'intérieur de la boîte. Le minimum est 0, et les valeurs négatives ne sont pas autorisées.
属性 说明
padding 使用简写属性设置在一个声明中的所有填充属性
padding-bottom 设置元素的底部填充
padding-left 设置元素的左部填充
padding-right 设置元素的右部填充
padding-top 设置元素的顶部填充

(Partage vidéo d'apprentissage : Tutoriel vidéo CSS)

Réglage des marges

  • Les marges extérieures de la boîte sont divisées en quatre directions : haut, droite, bas et gauche
  • Le réglage des marges extérieures est utilisé pour contrôler la distance autour de l'extérieur de la boîte et n'appartient pas à la boîte elle-même
  • Le but principal des marges est de contrôler la position de la boîte, donc des valeurs négatives peuvent apparaître
属性 描述
margin 简写属性。在一个声明中设置所有外边距属性。
margin-bottom 设置元素的下外边距。
margin-left 设置元素的左外边距。
margin-right 设置元素的右外边距。
margin-top 设置元素的上外边距。

4. Paramètres de bordure

  • La plupart des objets éléments n'ont pas de bordure par défaut

  • Pour définir la bordure, 3 éléments doivent être définis en même temps : la largeur, le style et la couleur.

  • attribut composite de bordure
  • Attributs étendus des bordures classés par éléments d'attribut (border-width : largeur de bordure ; border-style : style de bordure ; border-color : couleur de bordure )

属性 描述
border 简写属性,用于把针对四个边的属性设置在一个声明。
border-style 用于设置元素所有边框的样式,或者单独地为各边设置边框样式。
border-width 简写属性,用于为元素的所有边框设置宽度,或者单独地为各边边框设置宽度。
border-color 简写属性,设置元素的所有边框中可见部分的颜色,或为 4 个边分别设置颜色。
border-bottom 简写属性,用于把下边框的所有属性设置到一个声明中。
border-bottom-color 设置元素的下边框的颜色。
border-bottom-style 设置元素的下边框的样式。
border-bottom-width 设置元素的下边框的宽度。
border-left 简写属性,用于把左边框的所有属性设置到一个声明中。
border-left-color 设置元素的左边框的颜色。
border-left-style 设置元素的左边框的样式。
border-left-width 设置元素的左边框的宽度。
border-right 简写属性,用于把右边框的所有属性设置到一个声明中。
border-right-color 设置元素的右边框的颜色。
border-right-style 设置元素的右边框的样式。
border-right-width 设置元素的右边框的宽度。
border-top 简写属性,用于把上边框的所有属性设置到一个声明中。
border-top-color 设置元素的上边框的颜色。
border-top-style 设置元素的上边框的样式。
border-top-width 设置元素的上边框的宽度。

Pour plus de connaissances sur la programmation, veuillez visiter : Vidéo de programmation ! !

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