第十三课--尺寸 (Dimension)与CSS Display(显示) 与 Visibility（可见性）

2019-08-12 15:44:33 阅读：211 来源： 互联网

标签：Display 可见 Dimension Visibility hidden display 你好

a.尺寸 (Dimension)
width:?px  设置长度
height：？px  设置高度

b.CSS Display(显示) 与 Visibility（可见性）

a.
visibility:hidden;   隐藏标签
display: none;  隐藏标签
b.改变一个元素显示
列表项显示为内联元素：display:inline;
内联元素显示为块元素：display:block;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS Display(显示) 与 Visibility（可见性）</title>
    <link rel="stylesheet" href="demo.css">
</head>
<body>
<h1>这个可见</h1>
<h1 class="hidden">这个不可见</h1>
<h1 class="display">这个不可见呀</h1>

<ul>
    <li><a href="">你好</a></li>
    <li><a href="">你好</a></li>
    <li><a href="">你好</a></li>
    <li><a href="">你好</a></li>
    <li><a href="">你好</a></li>
</ul>
<span>你好</span><span>你好</span><span>你好</span>
</body>
</html>

h1.hidden {
    visibility: hidden;
}

h1.display {
    display: none;
}

ul li {
    display: inline;
}

span {
    display: block;
}

标签：Display,可见,Dimension,Visibility,hidden,display,你好
来源： https://blog.csdn.net/weixin_36691991/article/details/99303181

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

第十三课--尺寸 (Dimension)与CSS Display(显示) 与 Visibility（可见性）