text-indent: -999px;是什么意思

        就是把该元素内的文字移到屏幕外面去，让我们肉眼看不见，有时候是因为如某栏目名称的文字或者logo的文字已经用背景图片代替了，我们不需要眼睛看见那些文字，但是希望搜索引擎可以搜到，就可以用这个把文字“隐藏”的属性。虽然眼睛看不见，但是搜索引擎或者盲人用的软件能知道

 

1 #header h1 a{
2     width :210px;
3     height :39px;
4     display: block;
5     text-indent: -9999px;
6 }

text-indent 是文本缩进的意思；

display：block 的意思是 他能独自显示在一行，后面的东西在第2行显示。display是区块的意思，如果设为none,则隐藏。

当然还有个用途就是定位，比如在导航条中给父li设置position:reletive在子ul中用absolute属性，就能定位，并且可在鼠标放上后显示小手点击。

 

转载于:https://www.cnblogs.com/xs-yqz/p/4330872.html