CSS属性（display）

1.display属性

<!DOCTYPE html>
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>08display属性</title><style>.c1 {background-color: red;/*display: none;  !* 让其在页面上不显示 *!*//*display: inline;    !* 让其变成一个行内标签 *!*/display: inline-block;  /* 让其具有块级标签和内联标签（行内标签）特点，就是可以设置长和宽的行内标签 */}.c2 {width: 100px;height: 100px;background-color: green;/*display: block; !* 让其变成一个块级标签*!*/display: inline-block;  /* 让其具有块级标签和内联标签（行内标签）特点，就是可以设置长和宽的行内标签 */}#ulid1 {background-color: darkslategrey;display: inline-block;list-style-type: none;  /* 将标题前面的点去掉 */}li {display: inline-block;  /* 将li标签变为行内标签，并且可以设置长和宽 */border-right: 2px solid bisque; /* 设置右边框2像素 实线 */}li.last {border-right: none; /* 将li最后一个标签的右边框设置成没有 */}</style>
</head>
<body><div class="c1">div</div>       <!-- div是块级标签，可以设置长和宽 -->
<span class="c2">span</span>    <!-- span标签是一个内联标签，自己占多大就占多大,不能设置长和宽 -->
<span class="c2">span</span><ul id="ulid1"><li>玉米商城</li><li>电脑</li><li>手机</li><li class="last">平板</li>
</ul></body>
</html>

转载于:https://www.cnblogs.com/whylinux/p/10229208.html

CSS属性（display）相关推荐

CSS属性display:inline-block使用揭秘
本文向大家描述一下CSS属性display:inline-block的用法,它可以将对象呈递为内联对象,但是对象的内容作为块对象呈递,旁边的内联对象会被呈递在同一行内,允许空格.但对于这个属性不是所有 ...
jquery 控制CSS属性display 实现元素的显示、隐藏
前言略. 隐藏元素 $("#id").hide() 等效的写法: $("#id").css('display','none'); 等效的CSS: displa ...
CSS属性 - display
CSS中有个display属性,能修改元素的显示类型,有4个常用值 block:让元素显示为块级元素: inline:让元素显示为行内级元素: inline-block:让元素同时具备行内级.块级元素 ...
关于CSS属性display:none和visible:hidden的区别
display:none和visible:hidden都是把网页上某个元素隐藏起来的功能,但两者有所区别,经过亲自实验,我发现使用visible:hidden属性会使对象不可见,但该对象在网页所占的空 ...
CSS属性display的用法 display=
display是设置元素的浮动特征,要区别visibility属性(visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏))是 ...
js,jq,jquery删除css属性
属性值是不能删除的,只能改变属性值达到我们想要的效果 1.去掉div的高度 <div style='height:50px' id='height'></div> <sc ...
css属性flex:1代表什么
1. 简单介绍flex布局 flex布局则是一种布局方案,设置父div的css属性display:flex,即可实现flex布局.该父div即为容器,而其内的子元素(如子div)称为项目. 容器和项目 ...
php中border属性,css中display属性和border属性常遇问题讲解
本篇文章给大家带来的内容是关于css中display属性和border属性常遇问题讲解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助.因为HTML很少有太复杂的问题,所以直接写一篇关于 ...
CSS 布局 - display 属性
CSS 布局 - display 属性
html中display有哪些属性值,css中display属性是什么及其各个值的作用和用法
当你查看别人写的css代码的时候,经常会看到display:block.none.inline.table等,那么在css中display属性到底是什么呢,都可以取什么值,每个值又有什么样的作用,到底 ...

CSS属性（display）

CSS属性（display）相关推荐

最新文章

热门文章