码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-03-11 21:25:33      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

        就是把该元素内的文字移到屏幕外面去,让我们肉眼看不见,有时候是因为如某栏目名称的文字或者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属性,就能定位,并且可在鼠标放上后显示小手点击。

 

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

标签:

原文地址:http://www.cnblogs.com/xs-yqz/p/4330872.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!