Quelles sont les différences entre les éléments SPAN et les éléments DIV_Experience Exchange

Quand je faisais de la peau adaptative il y a quelques jours, j'ai découvert la signification du bloc. J'ai trouvé un tel problème.
Quelle est la différence entre l'élément SPAN et l'élément DIV ?
Idée de solution :
La différence la plus évidente est la suivante : DIV est un élément de bloc et SPAN est un élément en ligne. Les éléments de bloc sont équivalents aux éléments en ligne avec un saut de ligne
En fait, les éléments block et les éléments inline ne sont pas statiques. Tant que display: inline est défini pour un élément block, l'élément block devient un élément inline. De même, si display: block est défini pour un élément inline, il devient un block. élément.
Étapes spécifiques :

Astuce : certains amis le diront. On dit que DIV est une balise de calque. En fait, il n'existe pas de calque en HTML. Il est simplement écrit comme ceci dans Dreamweaver pour une compréhension facile. Il vous suffit de définir l'attribut de position de l'objet (la valeur est absolue ou relavite). Par exemple, pour faire d'une image un "calque", vous pouvez écrire le code comme ceci :

Conseils spéciaux
L'effet d'exécution de cet exemple de code (cliquez pour exécuter le code) est affiché dans l'ordre. pour mieux illustrer le problème, voici les éléments de bloc et les éléments en ligne sont ajoutés avec une bordure solide rouge de 1 pixel de large. Comme vous pouvez le voir sur l'image, DIV est par défaut un élément de bloc. Définissez la valeur de l'attribut d'affichage en ligne et affichez-le. en tant qu'élément en ligne. SPAN est par défaut un élément en ligne. Définir l'affichage Si la valeur de l'attribut est block, il sera affiché en tant qu'élément de bloc.
Notes spéciales

Cet exemple explique principalement l'utilisation et la signification des deux valeurs block et inline de l'attribut display.