原文: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-2026 CODEPRJ.COM