行內元素有哪些?
- a - 錨點
- em - 強調
- img - 圖片
- font - 字體設定 ( 不推薦 )
- i - 斜體
- input - 輸入框
塊級元素有哪些?
- address - 地址
- blockquote - 塊引用
- center - 舉中對齊塊
- dir - 目錄列表
- div - 常用塊級容易,也是 css layout 的主要標簽
- fieldset - form控制組
- p - 段落
空(void)元素有哪些?
- <br/> //換行
- <hr> //分隔線
- <input> //文本框等
- <img> //圖片
- <link> <meta>
行內元素和塊級元素有什么區別?
- 區別一:
塊級:塊級元素會獨占一行,默認情況下寬度自動填滿其父元素寬度
行內:行內元素不會獨占一行,相鄰的行內元素會排在同一行。其寬度隨內容的變化而變化。
- 區別二:
塊級:塊級元素可以設置寬高
行內:行內元素不可以設置寬高
- 區別三:
塊級:塊級元素可以設置margin,padding
行內:行內元素水平方向的margin-left; margin-right; padding-left; padding-right;可以生效。但是豎直方向的margin-bottom; margin-top; padding-top; padding-bottom;卻不能生效。
- 區別四:
塊級:display:block;
行內:display:inline;
可以通過修改display屬性來切換塊級元素和行內元素