css可见性
overflow:hidden; 溢出隐藏,内容超过盒子后元素隐藏;
visibility:hidden;隐藏元素 ,隐藏之后还占据原来的位置。
display:none;隐藏元素:隐藏之后不占据原来的位置。
display:block;元素可见
display:none;和display:block 常配合js使用。
css内容移出(网页优化)
当超链接中需要内容,以便搜索引擎优化,但是又无需显示时,需要把超链接的内容移出网页之外。
使用text-indent:-5000px;
<head>
<style type="text/css">
.logo{
width:143px;
height:76px;
background:url("logo.png");
}
a{
display:inline-block;
text-indent:-5000px;
</style>
</head>
<body>
<div class="logo">
<h1>
<a href="">搜狐</a>
</h1>
</div>
</body>