原文: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