zoukankan      html  css  js  c++  java
  • 行内元素有哪些?块级元素有哪些?空(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属性来切换块级元素和行内元素
  • 相关阅读:
    第十三周总结
    第十二周总结
    团队冲刺第十五天-KeepRunningAPP
    团队第一阶段冲刺评价
    团队项目KeepRunning第一阶段成果展示
    团队冲刺第十四天-KeepRunningAPP
    第十一周总结
    团队冲刺第十三天-KeepRunningAPP
    CVPR2018关键字生成词云图
    Delphi APP 開發入門(八)SQLite資料庫
  • 原文地址:https://www.cnblogs.com/qinglaoshi/p/13246181.html
Copyright © 2011-2022 走看看