CSS样式(CSS可见性、css之内容移除)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
/*CSS可见性
*overflow:hidden; 溢出隐藏
*visibility:hidden; 隐藏元素 隐藏之后还占据原来的位置。
*display:none; 隐藏元素 隐藏之后不占据原来的位置。
*Display:block; 元素可见
*Display:none; 和display:block 常配合js使用。
*/
.logo {
width: 143px;
height: 76px;
background: url(../../img/logo.png);
}
/* css之内容移除(网页优化)
* 使用text-indent:-5000em;
* 将元素高度设置为0,使用内边距将盒子撑开,给盒子使用overflow:hidden;将文字隐藏。
*/
a {
display: inline-block;
text-indent: -5000px;
}
</style>
</head>
<body>
<div class="logo">
<a href="http://www.sohu.com">aaa</a>
</div>
</body>
</html>