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属性来切换块级元素和行内元素
  • 相关阅读:
    如何封装一个Ajax函数
    了解Ajax及Ajax如何发送请求
    jQuery的animate动画方法及动画排队问题解决
    jQuery的几种显示隐藏方法
    冲鸭!电瓶车
    Qt中使用HTTPS
    空非空
    河西走廊
    “财富自由”者之殇
    说鞋
  • 原文地址:https://www.cnblogs.com/qinglaoshi/p/13246181.html
Copyright © 2011-2022 走看看