zoukankan      html  css  js  c++  java
  • 行内元素,块级元素与空元素

    行内元素:a、b、span、img、input、strong、select、label、em、button、textarea

    块级元素:div、ul、li、dl、dt、dd、p、h1-h6、blockquote

    空元素:br、meta、hr、link、input、img


    块级元素的特点:

    1.总在新行上开始,占据一整行
    2.默认情况下,其宽度自动填满其父元素宽度
    3.宽度始终是与浏览器宽度一样,与内容无关
    4.它可以容纳内联元素和其他块元素
    5.display属性为block

    块级元素的垂直相邻外边距margin会合并。


    行内元素的特点:

    1.和其他元素都在一行上
    2.高,行高及外边距和内边距部分可改变
    3.宽度只与内容有关
    4.行内元素只能容纳文本或者其他行内元素
    5.display属性为inline

    水平方向的padding-left、padding-right、margin-left、margin-right都产生边距效果,
    但竖直方向的padding-top、padding-bottom、margin-top、margin-bottom却不会产生边距效果。
    不可以设置宽高,其宽度随着内容增加,高度随字体大小而改变,内联元素可以设置外边界,但是外边界不对上下起作用,只能对左右起作用。

    空元素的特点:

    没有内容的 HTML 内容被称为空元素。空元素是在开始标签中关闭的。
    <br /> 就是没有关闭标签的空元素(<br /> 标签定义换行)。
    在 XHTML、XML 以及未来版本的 HTML 中,所有元素必须被关闭。
    在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。
    即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

    转载请联系



    转载请标明出处

    作者:AaXuan

    地址:http://www.cnblogs.com/Aaxuan

    知识共享许可协议

    本作品采用  知识共享署名 3.0 未本地化版本许可协议  进行许可。

  • 相关阅读:
    Django之ORM基础
    Django基本命令
    Django知识总汇
    Linux Shell 自动化之让文本飞
    伪类link,hover,active,visited,focus的区别
    小记 Linux 之 Vim
    恢复 MSSQL bak 文件扩展名数据(上)
    小记一次shellscript的麻烦
    Java 之多态
    Java 之封装
  • 原文地址:https://www.cnblogs.com/Aaxuan/p/6094463.html
Copyright © 2011-2022 走看看