介绍 & lt; ! DOCTYPE html>
& lt; html>
& lt; head>
,,,& lt; title> & lt;/title>
,,,& lt; style 类型=拔谋?css"比;
,,,,,,,a {
,,,,,,,背景:,lightblue;
,,,,,,,宽度:,300 px;
,,,,,,,,,,,,,,,显示:,块;
,,,}
,,,& lt;/style>
& lt;/head>
& lt; body>
& lt; div>
,,,& lt; a href=https://www.yisu.com/zixun/" http//: www.php.cn ">
http//:
http//:
这篇文章主要介绍css中显示属性有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
<强>首先我们来看css显示属性的定义
css显示属性的定义是可以将页面元素隐藏或者显示出来,也可以将元素强制改成块级元素或内联元素,在页面布局和JavaScript特效中常常用到显示属性。
css显示属性中最常用的属性值有四个,分别是块,inline-block,内联和没有。
<强>下面我们来详细解析一下这四个显示属性值。
在介绍这四个属性值之前,我们要先了解一下块级元素和行内元素,大家可以参考一下这两篇文章:http://www.php.cn/css教程- 409377. - html和http://www.php.cn/css - html教程- 409376. -在这里就不多说了,我们就直接来看显示属性常用的四个属性值的介绍。
<强> 1,显示的区块属性值(显示:块)
设置元素为块状元素,如果不指定宽高,默认会继承父元素的宽度,并且独占一行,即使宽度有剩余也会独占一行,高度一般以子元素撑开的高度为准,当然也可以自己设置宽度和高度。
我们来看一个例子: