CSS ??
CSS ?? ? ???
?? ??? ??? ???? ??? ???? ??? ??? ??? ???? ??? ??? ??? ?????.
?? ??? - ??:?? ?? ?? ??:??
?? ??? "??"?? ????? ?? ??? "??"?? ???? ??? ????. ??? ? ? ?? ??? ?? ?? ??? ???? ?? ?????.
visibility:hidden? ??? ?? ? ??? ??? ??? ??? ???? ?? ??? ??? ???? ???. ?, ??? ??? ??? ??? ????? ??? ????.
?
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
h1.hidden {visibility:hidden;}
</style>
</head>
<body>
<h1>這是一個明顯的標(biāo)題</h1>
<h1 class="hidden">這是一個隱藏標(biāo)題</h1>
<p>注意,隱藏標(biāo)題仍然占用空間.</p>
</body>
</html>????? ???? ??? ???
display:none??? ?? ? ??? ??? ??? ??? ???? ????. ?, ??? ??? ?? ??? ?? ??? ?? ???? ??? ??? ?????? ?????.
Example
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
h1.hidden {display:none;}
</style>
</head>
<body>
<h1>這是一個明顯的標(biāo)題</h1>
<h1 class="hidden">這是一個隱藏的標(biāo)題</h1>
<p>注意,display:none 隱藏不占用空間.</p>
</body>
</html>????? ???? ??? ???
CSS ?? - ?? ? ??? ??
?? ??? ?? ??? ???? ???? ?? ? ??? ????. ??? ? ??.
?? ??? ?:
<h1>
<p>
<div>
??? ??? ??? ??? ???? ??? ???? ????.
??? ??? ?:
<span>
<a>
?? ??? ???? ??
??? ??? ?? ??? ????? ? ??? ???? ???? ?? ???? ??? ??? ????? ??? ? ??? ??? ? ????.
?? ?? ?? ??? ??? ??? ?????.
<!DOCTYPE html>
<html>
<head>
<style>
li{display:inline;}
</style>
</head>
<body>
<p>這個鏈接列表顯示為一個水平菜單:</p>
<ul>
<li><a href="" target="_blank">HTML</a></li>
<li><a href="" target="_blank">CSS</a></li>
<li><a href="" target="_blank">JavaScript</a></li>
<li><a href="" target="_blank">XML</a></li>
</ul>
</body>
</html>????? ???? ??? ???
?
?? ?? ?? ??? ?? ??? ?????.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<style>
span
{
display:block;
}
</style>
</head>
<body>
<h2>Nirvana</h2>
<span>Record: MTV Unplugged in New York</span>
<span>Year: 1993</span>
<h2>Radiohead</h2>
<span>Record: OK Computer</span>
<span>Year: 1997</span>
</body>
</html>????? ???? ??? ???
