在百度交換區看到一個關於若何給癥結詞增加h1、h2標簽舉行潤飾的帖子，從答復中看到許多同夥對付h1的應用、特殊是h1和css的聯合應用辦法照樣很隱約，沒有知若何經由過程css款式掌握h1的字體巨細，為此，在這裡寫下具體步調，願望對人人有所贊助。

　　大概從前關於h1的帖子有很多，然則照樣寫下來吧，若有相同，就把本帖當做一樣平常的 rabish 貼吧。

　　上面將經由過程我的站來測試，以收錄查詢這個癥結詞來做實驗。

　　沒加.h1>之前的超鏈接代碼：.a href=/ target=_blank>收錄查詢./a>

　　加.h1>後的超鏈接代碼：.h1>.a href=/ target=_blank>收錄查詢./a>./h1>

　　上面是參加到css文件中的css代碼：

　　h1{font-size=12px;font-weight=100;display : inline;｝

　　解釋：假如在h1的前面加上英詞句點.，則需將.h1>改成.h1>

　　css代碼說明：

　　font-size 為字體巨細;

　　font-weight為加粗的水平，取值規模是100-1000，100表現沒有加粗;

　　display : inline; 表現沒有換行，這個必定要加上，否則h1默許會強迫換行的，強迫換行就會使結構龐雜;

　　我們來看看後果：下圖一是沒有效css潤飾h1的後果;圖二是css中隻用font-size，沒有加font-weight、display:inline 的後果;圖三是css中參加以上完全代碼後潤飾h1的後果;

　　從以上後果圖能夠看出，圖一不消任何css款式潤飾h1，字體見變得很大，同時加粗、換行;圖二隻是用font-size掌握字體巨細，以是字體比圖一變小，然則依舊沒有辦理加粗、換行的題目;圖三同時應用瞭font-size、font-weight、display:inline ，字體變小、沒有加粗、沒有換行!到達預期後果。

　　以上就是經由過程css款式來潤飾h1標簽的應用辦法。

　　本文由一站式 站長對象供給，原文地點 /blog/index.php/archives/407 轉載請說明出處!