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属性,就能定位,并且可在鼠标放上后显示小手点击。

 

posted @ 2015-03-11 20:25  小军的代码库  阅读(724)  评论(0编辑  收藏  举报