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