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