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

建站过过程中朋友喜欢把网站名称用H 表示,但从美观考虑,要用logo图片来代替h ,这时需要隐藏h 内的这段文字,但又不能对搜索引擎不友好,否则就失去了定义h 标签的意义。 在CSS中如何以图代字,找了一下CSS隐藏文字的方法,有以下几条: display:none 这个大家普遍说法是,搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略,不为隐藏的对象保留物理占位空间。GG也搜CSS文件 不过如果 ...

2016-02-28 11:25 0 6961 推荐指数:

查看详情

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

为什么要字体隐藏? 通常为了传达更好的视觉效果,我们常用图片替代掉字体。但是为了html语义化,常常要给内容模块加上一些标题来让页面更有意义,在抛开css裸奔的情况下也能很顺利的汲取到页面信息。为此我们需将图片上的字体隐藏。 另外,建站过过程中朋友喜欢把网站名称用H1 ...

Fri Jun 15 03:40:00 CST 2012 1 7760
CSS技巧: CSS隐藏文字方法

原文链接 http://blog.163.com/wp_design/blog/static/13999717120120295198574/ 查看别人页面的时候发现 text-indent:-9999px; 以前只知道 text-indent是控制段落首行缩进的,今天才知道居然可以隐藏文字 ...

Wed Jun 24 22:27:00 CST 2015 0 1889
关于csstext-indent首行缩进两个字符和图片缩进的问题

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

Sat Dec 05 20:34:00 CST 2015 0 9621
css常用属性总结:文本属性中的text-indent

在网页中的文本格式中最重要的效果之一就是段落的首行文本缩进,尤其在新闻类页面,使用text-indent,任何元素都可以让首行以给定的长度缩进, 长度甚至可以是负数,这一属性的最常用方式就是段落的首行缩进; p{text-align:2em;} 这条规则使任何段落的首行缩进2个字符大小 ...

Fri Mar 03 23:50:00 CST 2017 0 3034
巧用css text-indent减小中文标点符号的占位大小

由于设计需要,我们的页面中经常会有如下效果: 可是我们实现出来的效果确实这样的: 看起来两行文本没有对齐嘛,仔细检查后原来是【字符的原因,因为是中文标点符号占半个字的位置。不信?选中下汉字 ...

Wed Jan 18 19:12:00 CST 2017 7 3766
text-indent的用法

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

Sat Jun 25 05:48:00 CST 2016 0 1635
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM