原文:text-indent:-9999px 字体隐藏问题

为什么要字体隐藏 通常为了传达更好的视觉效果,我们常用图片替代掉字体。但是为了html语义化,常常要给内容模块加上一些标题来让页面更有意义,在抛开css裸奔的情况下也能很顺利的汲取到页面信息。为此我们需将图片上的字体隐藏。 另外,建站过过程中朋友喜欢把网站名称用H 表示,但从美观考虑,要用logo图片来代替h ,这时需要隐藏h 内的这段文字,但又不能对搜索引擎不友好,否则就失去了定义h 标签的意 ...

2012-06-14 19:40 1 7760 推荐指数:

查看详情

CSS技巧: CSS隐藏文字的方法(CSS text-indent: -9999px;)

 建站过过程中朋友喜欢把网站名称用H1表示,但从美观考虑,要用logo图片来代替h1,这时需要隐藏h1内的这段文字,但又不能对搜索引擎不友好,否则就失去了定义h1标签的意义。      在CSS中如何以图代字,找了一下CSS隐藏文字的方法,有以下几条 ...

Sun Feb 28 19:25:00 CST 2016 0 6961
text-indent的用法

一、text-indent应用于块级元素    我们也可以通过负的text-indent来制作一些效果:    二、text-indent应用于行内元素   没有效果; 三、text-indent应用于替换元素   这里以应用到image与input元素 ...

Sat Jun 25 05:48:00 CST 2016 0 1635
text-indent无效解决方案

text-indent是用来字符缩进的。 1.text-indent所在的元素是行内元素而非块级元素。比如用在span,a等行内元素上。解决方案:在行内元素加上display:block; 或者把目标元素放入<div>等块级元素,然后把text-indent样式应用到< ...

Sun Dec 11 08:43:00 CST 2016 0 3768
关于css的text-indent首行缩进两个字符和图片缩进的问题

段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indenttext-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。 <style type="text/css"> p{ text-indent: 2em; /*em是相对 ...

Sat Dec 05 20:34:00 CST 2015 0 9621
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM