行內元素有哪些?塊級元素有哪些?空(void)元素有哪些?行內元素和塊級元素有什么區別?


行內元素有哪些?

  • 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屬性來切換塊級元素和行內元素


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM