13518219792
1）一般來說，偏移掉字體的方式是使用：text-indent:-9999px;?（注意：只能用于block，table cells和inline-block）
成都創新互聯公司從2013年成立，先為涿州等服務建站，涿州等地企業，進行企業商務咨詢服務。為涿州企業網站制作PC+手機+微官網三網同步一站式服務解決您的所有建站問題。
text-indent:-9999px；的具體使用方法：把h1作為一個塊來顯示（display:block;），指定長寬（和圖片一樣大?。?，然后指定h1的背景圖片，也就是將我們需要的圖片作為h1這個 標簽的背景。而h1標簽中插入的，仍然是作為字符形式出現的博客標題，然后用text-indent:-9999px;將文字甩到屏幕看不到的地 方。（9999px應該是足夠了，誰的屏幕也沒那么大吧）
如：
h1a href=“”博客園/a/h1
在CSS文件中：（注意：將h1轉化成block的話，他身后的的元素就被他趕到下一行了。如果正好這個h1后面，是一個按鈕，就要用float來浮動以使他身后再出現簇擁者）
h1 a{height:30px;width:165px;float:left;text-indent:-9999px;background-image:url(images/logo.gif);background-repeat:no-repeat;display:block;position:relative;
}
在h1使用上語義明確，符合語義化定義。text-indent就是首行縮進，大家都在中文段落，首行空兩格用過它。這里通過負值縮進，使文字 超出可視區，而這時h1下的背景就顯示出來了，h1中包含的a標簽又不影響使用，對于隱藏文字“站點名稱”應該是最佳方案了。但對于多段 文字的隱藏這個方法就不適合了。
另外，點擊h1a鏈接時，會產生一個虛線框，對于IE還好，沒什么問題，虛線框只是在背影圖片大小。但是Firefox就有些麻煩，它把縮進的文字范圍也包含進來了，這樣不是很美觀。
于是需要屏掉點擊時產生的虛線框，IE和FF屏虛線框方法不一樣。IE采用的遍歷方法(HTC,css表達式)有些耗系統資源，正好我們只需要隱藏FF下的虛線框就行了，IE就不管了，說一下Firefox如何去掉鏈接的虛線框的方法。
a{outline:none;
}
outline是css3的一個屬性，用的很少。聲明，這是個不能兼容的css屬性，在ie6、ie7、遨游瀏覽器都不兼容。只有ff,ie8在加了outline:none后會取消聚焦的虛線框。
2）使用overflow:hidden;完美隱藏background之上的字體
line-height:0;
font-size:0;
overflow:hidden;
或 (不大適合用在h1標簽上）.text-hidden {display:block;overflow:hidden;width:0;height:0;
}
3）還有另外2種方法，不推薦使用。
1、display:none;
這個大家普遍說法是，搜索引擎可能認為被隱藏的文字屬于垃圾信息而被忽略，不為隱藏的對象保留物理占位空間。GG也搜CSS文件？不過如果用這個方法，h1如何設計，也是難題。
2、visibility:hidden;
和display:none;相對應，為隱藏的對象保留物理占位空間。
使用display:none；來隱藏所有信息（無空白位占據）推薦，CSSdisplay手冊查看
使用overflow:hidden；來隱藏溢出的文字或圖片適用推薦，CSSoverflow手冊查看
使用overflow-y:hidden；和overflow-x:hidden控制滾動條的隱藏與否，CSSoverflow-y手冊查看，CSS手冊查看overflow-x
CSS：
CSS（層疊樣式表）是一種用來表現HTML或XML等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁，還可以配合各種腳本語言動態地對網頁各元素進行格式化。有三種方法可以在站點網頁上使用樣式表：外部樣式表、內部樣式表和內聯樣式。
CSS具有精簡代碼，降低重構難度、提升網頁訪問速度、利于SEO優化等優勢，能夠對網頁中元素位置的排版進行像素級精確控制，支持幾乎所有的字體字號樣式，擁有對網頁對象和模型樣式編輯的能力。
display：none可以隱藏某個元素，且隱藏的元素不會占用任何空間。該元素不但被隱藏了，而且該元素原本占用的空間也會從頁面布局中消失。
display：block可以顯示一個塊元素，或者display：inline是顯示一個內聯元素。
display主要用的CSS樣式有以下三個：
display:block——顯示為塊級元素。
display:inline——顯示為內聯元素。
display:inline-block——顯示為內聯塊元素，表現為同行顯示并可修改寬高內外邊距等屬性。
擴展資料：
顯示的塊級元素(block)特性：總是獨占一行，表現為另起一行開始，而且其后的元素也必須另起一行顯示;寬度(width)、高度(height)、內邊距(padding)和外邊距(margin)都可控制;
顯示的內聯元素(inline)特性：和相鄰的內聯元素在同一行;寬度(width)、高度(height)、內邊距的top/bottom(padding-top/padding-bottom)和外邊距的top/bottom(margin-top/margin-bottom)都不可改變，就是里面文字或圖片的大小;
塊級元素主要有：address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li等css屬性。
內聯元素主要有：a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em , font , i , img , input , kbd , label , q , s , samp , select , small , span , strike , strong , sub , sup ,textarea , tt , u , var等css屬性。
1、使用display:none來隱藏所有內容
display:none可以讓網頁中所有內容不顯示，如代碼、文字、鏈接、圖片、div層，是推薦的內容隱藏方式。
div style="display:none;"我不占地兒，你看不見我；/div
2、使用visibility:hidden來隱藏內容
visibility:hidden和display:none可以隱藏的內容幾乎一樣，但唯一區別是它雖然隱藏了內容，但被隱藏掉的內容仍舊占據空間，這段隱藏了內容卻保留空間的位置會在網頁中顯示為空白。
div style="visibility:hidden;"我占了地兒，你也看不見我；/div
3、使用overflow:hidden隱藏溢出內容
overflow:hidden這種方式可以隱藏掉固定區域外的內容，它可以有效控制顯示區域。但應注意，使用它時需要給它定義寬度和高度，否則會無效。
div style="width:120px; height:20px; overflow:hidden;"我占的地兒太多了你就看不見我的尾巴了。。。。。/divoverflow用法中存在一個分支，overflow-x:hidden和overflow-y:hidden，x是橫向范圍，y是縱向范圍，這兩個屬性經常用在需要隱藏滾動條時。
