js -- 常见面试题3(块级元素和行内元素的区域)

块级元素:

  • 没有设置宽度时,它的宽度是其容器的 100%;

  • 可以给块级元素设置宽高、内边距、外边距等盒模型属性;

  • 块级元素可以包含块级元素和行内元素;

  • 常见的块级元素有:

     ~ 

             
         等。

         

        行内元素:

        • 行内元素不会独占一行,只会占领自身宽高所需要的空间;

        • 给行内元素设置宽高不会起作用,margin 值只对左右起作用,padding 值也只对左右起作用;

        • 行内元素一般不可以包含块级元素,只能包含行内元素和文本;

         

        img 标签设置宽高是可以影响图片大小的,这是因为 img 是可替代元素,可替代元素具有内在的尺寸,所以宽高可以设定。HTML 中的 input、button、textarea、select 都是可替代元素,这些元素即使是空的,浏览器也会根据其标签和属性来决定显示的内容。

        你可能感兴趣的:(HTML,面试题)