Maison > interface Web > tutoriel HTML > Résumé de l'utilisation associée des éléments en ligne

Résumé de l'utilisation associée des éléments en ligne

伊谢尔伦
Libérer: 2017-06-13 11:40:41
original
2205 Les gens l'ont consulté

Lorsque l'attribut z-index et l'attribut position ne sont pas inclus, l'ordre d'empilement de tous les éléments est cohérent avec l'ordre dans lequel ils apparaissent dans le document HTML. (Sauf le cas particulier de l'utilisation d'une marge négative pour chevaucher des éléments en ligne.) Lorsqu'un élément est flottant, l'élément bloc flottant est placé entre l'élément bloc non positionné et l'élément bloc positionné. En d'autres termes, l'élément flottant est affiché. dans le flux normal. Au-dessus des éléments de bloc descendants et en dessous des éléments en ligne descendants dans le flux régulier. Lorsque l'attribut position est ajouté à un élément, tous les éléments avec l'attribut position et leurs sous-éléments seront affichés au-dessus des autres éléments sans l'attribut position. Z-index n'est efficace que sur les éléments avec l'attribut position défini. L'attribut z-index sur les éléments sans l'attribut position ne prend pas effet. L'attribut z-index génère un contexte d'empilement. Un groupe d'éléments avec un élément parent commun qui sont déplacés vers l'avant ou vers l'arrière forment un contexte d'empilement. Chaque contexte d'empilement possède un seul élément racine. Lorsqu'un nouveau contexte d'empilement est formé sur l'élément, tous les éléments enfants du contexte d'empilement sont limités à une zone fixe dans l'ordre d'empilement. Une structure de contexte d'empilement

1. Comment utiliser l'attribut index ? Résumé de l'utilisation de l'instance de l'attribut index

Résumé de l'utilisation associée des éléments en ligne

Introduction : Lorsque l'attribut z-index et l'attribut position ne sont pas inclus, tous L'ordre d'empilement des éléments est cohérent avec l'ordre dans lequel ils apparaissent dans le document HTML. (Sauf le cas particulier de l'utilisation d'une marge négative pour chevaucher des éléments en ligne.) Lorsqu'un élément est flottant, l'élément bloc flottant est placé entre l'élément bloc non positionné et l'élément bloc positionné. En d'autres termes, l'élément flottant est affiché. dans le flux normal. Au-dessus des éléments de bloc descendants et en dessous des éléments en ligne descendants dans le flux régulier. Lorsque l'attribut position est ajouté à un élément, tous les éléments avec l'attribut position et leurs sous-éléments y seront affichés...

2 10 articles recommandés sur. éléments de bloc

Résumé de l'utilisation associée des éléments en ligne

Introduction : Lorsque l'attribut z-index et l'attribut de position ne sont pas inclus, l'ordre d'empilement de tous les éléments est le même que L'ordre dans lequel ils apparaissent dans le document HTML est cohérent. (Sauf le cas particulier de l'utilisation d'une marge négative pour chevaucher des éléments en ligne.) Lorsqu'un élément est flottant, l'élément bloc flottant est placé entre l'élément bloc non positionné et l'élément bloc positionné. En d'autres termes, l'élément flottant est affiché. dans le flux normal. Au-dessus des éléments de bloc descendants et en dessous des éléments en ligne descendants dans le flux régulier. Lorsque l'attribut position est ajouté à un élément, tous les éléments avec l'attribut position et leurs sous-éléments y seront affichés...

Résumé de l'attribut flottant. définition et utilisation de la fonction

Résumé de l'utilisation associée des éléments en ligne

Introduction : Pour présenter l'attribut float de CSS, vous devez d'abord comprendre la norme flux de documents flux de documents standard. Sans l'intervention de CSS, les éléments au niveau du bloc occupent une ligne. Vous pouvez définir la largeur et la hauteur, et les éléments en ligne sont affichés côte à côte .

4. Le rôle et l'utilisation de la balise span Résumé

Résumé de l'utilisation associée des éléments en ligne

Introduction : est un élément en ligne dans la définition CSS et définit une zone d'élément en ligne, c'est-à-dire qu'une ligne peut être divisée en plusieurs zones par lui-même n'a aucune propriété. span n'a pas de représentation au format fixe. Cela ne change visuellement que lorsque vous lui appliquez un style.

5. Une brève introduction aux propriétés flottantes en CSS

Résumé de l'utilisation associée des éléments en ligne

Introduction : Sans l'intervention de CSS, les éléments au niveau du bloc occupent une seule ligne. La largeur et la hauteur peuvent être définies. Les éléments en ligne sont affichés côte à côte, et la largeur et la hauteur sont automatiquement remplies. Le flux de documents standard (mise en page par défaut) d'une page HTML est le suivant : de haut en bas, de gauche à droite, avec des sauts de ligne en cas de rencontre de blocs (éléments au niveau du bloc).

6. Explication détaillée des deux propriétés line-height et vertical-align en CSS

Résumé de l'utilisation associée des éléments en ligne

简介:line-height、font-size、vertical-align是设置行内元素布局的关键属性。这三个属性是相互依赖的关系,改变行间距离、设置垂直对齐等都需要它们的通力合作。在CSS字体里面已经详细介绍了font-size的相关内容,本文将主要介绍line-height与vertical-align。

7. HTML不能这么写,你造吗?

Résumé de l'utilisation associée des éléments en ligne

简介:a标签不可以嵌套交互式元素 块级元素可以包含内联元素和某些块级元素,内联元素不能包含块级元素,只能包含内联元素 p标签不能包含块级元素 不可包含块级元素的标签 li标签可以包含div以及ul,ul的子元素应该只有li 元素并排(块级和块级并列,内联和内联并列) 字符实体引发的错误 错误的使用 role 属性 行内元素强制转成块级元素,块级元素强制转成行内元素 使用 disabled=false 页面中同一个ID出现两次及以上 内嵌的

Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal