行內與塊級

行內與塊級

預設是 inline 的標籤, 行內元素 (inline element)

MDN List of "inline" elements

input/img/button

Q img到底是行內還是塊級

Element/img#styling_with_css

<img> 是一个可替换元素。它的 display 属性的默认值是 inline，但是它的默认分辨率是由被嵌入的图片的原始宽高来确定的，使得它就像 inline-block 一样。你可以为 <img> 设置 border/border-radius、padding/margin、width、height 等 CSS 属性。

ref

你知道CSS中的替换元素吗？	<img>、video、iframe或者表单元素textarea和input都是替换元素。 content 属性改变的仅仅是视觉呈现，当我们以右键或其他形式保存这张图片的时候，所保存的还是原来 src 对应的图片。 很多替换元素在没有明确尺寸设定的情况下: 其默认的尺寸（不包括边框）是 300 像素×150 像素，如video、iframe或者canvas等; 图片替换元素为 0 像素; 表单元素的替换元素的尺寸则和浏览器有关; 替换元素都是内联元素 替换元素和替换元素、替换元素和文字都是可以在一行显示的。
可替换元素 MDN	在 CSS 中，可替换元素（replaced element）的展现效果不是由 CSS 来控制的。这些元素是一种外部对象，它们外观的渲染，是独立于 CSS 的。
行内元素和块级元素的区别，为何img、input等行内元素可以设置宽高??（夯实基础）	行内元素设置宽高无效（但是行内置换元素可以设置宽高，下面有详细解释）、设置上下margin无效，设置上下padding类似无效（不影响文档流排列） 替换元素：替换元素根据其标签和属性来决定元素的具体显示内容，<select><select><object>等。替换一般有内在尺寸如img默认的src属性引用的图片的宽高，表单元素如input也有默认的尺寸。img和input的宽高可以设定。
HTML 小知識 - 區塊元素 vs 行內元素	可變元素包含 applet - java applet button - 按鈕 del - 刪除 iframe - 嵌入框架的應用 ins - 定義標記插入的部份 map - 圖片區塊 object - object對象 script - 嵌入或引用要執行的程式碼 基本上區塊元素可以包含行內元素和某些區塊元素，行內元素不能包含區塊元素，只能包含行內元素，但有些小特例，例如: a 連結幾乎都能包含，不能包含 a 連結 p 段落不能包含區塊元素 li 標籤可以包含 div 以及他的父元素 ul, ol