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

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;
}

 

上一篇:android – “px”,“dip”,“dp”和“sp”有什么区别?


下一篇:在python中命名维度?