Display:Block 详细用法

Display:Block 详细用法

操作方法

  • 01

    根据CSS规范的规定,每一个网页元素都有一个display属性,用于确定该元素的类型,每一个元素都有默认的display属性值,比如div元素,它的默认display属性值为“block”,成为“块级”元素(block-level);而span元素的默认display属性值为“inline”,称为“行内”元素。

  • 02

    块级元素: 动占据一定矩形空间,可以通过设置高度、宽度、内外边距等属性,来调整的这个矩形的样子; 行内元素: 自己的独立空间,它是依附于其他块级元素存在的,因此,对行内元素设置高度、宽度、内外边距等属性,都是无效的。 例子:      链接 a 元素,在默认情况下是是“行内元素”,因此对a元素设置高度、宽度等属性,都是无效的。而比如div,p,li,img等默认情况下的display属性值就是“block”。所以对于链接a来说只能这样:display:block;强制将它改成块元素。看完概念看代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><style>span,div{background-color:#F60;margin-bottom:5px;margin-left:5px;height:50Px;}</style><div style="background-color:#F60">Div默认为 block</div><span style="display:block;">加了block属性</span><span style="display:block;">加了block属性</span><span style="display:block;">加了block属性</span><span>没加block属性</span><span>没加block属性</span><span>没加block属性</span>

(0)

相关推荐

  • CAD中TR命令的详细用法

    CAD工程制图中,能够快速的使用快捷键能够提高绘图效率,其中,修剪TR命令是常用的,不过实用该命令时不同的技巧和方法解决的问题场合和效率不一样,下面几个方式详细讲解其用法. 无需选择对象的TR法 01 ...

  • windows7的telnet命令的详细用法

    笔者有一次需要telnet到客户的刀片光纤交换机模块上进行配置,但是当我打开windows7自带 的CMD输入telnet命令之后,系统却提示我“不是内部或外部命令也不是可运行的程序或批处理”。 我的 ...

  • linux系统下pwd命令用法详解

    Linux中用 pwd 命令来查看”当前工作目录“的完整路径。 简单得说,每当你在终端进行操作时,你都会有一个当前工作目录。 在不太确定当前位置时,就会使用pwd来判定当前目录在文件系统内的确切位置。 ...

  • win10环境变量怎么设置?在Windows 10中创建环境变量的3种方法(详细)

    设置环境变量是编程过程中经常需要做的事情,这里我们来讨论如何在Windows 10中创建环境变量.Windows中的环境变量是包含有关系统环境和当前登录用户信息的值.除了Windows之外,环境变量也 ...

  • matlab eps 意义用法以及实例

    操作方法 01 MATLAB中eps是一个函数,可以返回某一个数N,的最小浮点数精度,形式例如eps(N).下面我们就通过一些N取不同的值,介绍一下这个函数的详细用法. 02 默认最小浮点数精度 在M ...

  • Excel VBA中if语句的用法

    我们都知道作为程序,它有两大结构,一个是if语句,一个是循环语句.在VBA中if语句即使基本的语句结构,也是用的非常广的语句,实用性也是非常强的,下面小编为大家分享VBA中if语句的详细用法! if语 ...

  • DOS命令del的用法

    相比用鼠标右键菜单删除文件,学会使用 DOS 命令 del 来删除文件,在进行大量文件删除时可以做到更加高效和快速. 那么,DOS 命令 del 究竟应该如何使用呢? 操作方法: 01 在 DOS 环 ...

  • 路由查询命令tracert的用法

    Tracert命令用于跟踪一个消息从一台电脑到另一台电脑所走过的路径.在网络出现故障时,合理地使用Tracert命令,能够帮助我们快速定位问题出现在哪个环节.下面,就来向大家介绍Tracert命令的用 ...

  • 企业网站制作时display在CSS中各属性语法详解

    操作方法 01 网站的制作中,我们都知道,基本上离不开CSS,很多的企业网站制作时,都会用到.下面天柱网络给大家来分享一下display在CSS中各属性语法详解,希望对广大网站制作人员有一些帮助. H ...