2015-08-13 108 views
0

我在某處搜索引擎喜歡標題標籤來找出內容或其他地方的紅色。我想用他們,但他們只是誇大我的風格。我嘗試了一個樣式取消器CSS文件,但因爲它解決了比我的容器類更精確的文本,它也覆蓋了那裏定義的CSS。我想我可以對所有事情都重視!或者創建我自己的標題樣式,但是這會很麻煩,因爲它們並不總是應該在頁面之間看起來相同。擺脫默認的html標題樣式?

什麼是最簡單的方法來完全消除標題標籤上的任何默認樣式?

我的HTML看起來像這樣:

<div class="FancyBoxTitle"> 
    <h1>fancy title goes here</h1> 
</div> 
+0

[CSS reset](http://meyerweb.com/eric/tools/css/reset/)絕對是最簡單的方法,只需確保在加載自定義樣式表之前加載重置,然後您的樣式將覆蓋重啓。你應該不惜一切代價避免使用'!important'。 – APAD1

回答

0

使用

h1,h2,h3,h4,h5,h6 { 
    margin:0; 
    padding:0; 
} 

編輯:我看到上面有人指的CSS重置,其他人可能是指CSS規範,但這兩樣式表具有可能不適用於您的案例的重置或「樣式」,因此它更好地使用特定的「重置」,而不是一堆您可能不需要的有用和無用的css規則,而只是p作爲一個大css規則膨脹起來。

+0

與h1仍然很大,大膽,我可以通過添加字體大小:100%擺脫大問題,但不知道如何刪除粗體而不強制執行某些值 – user81993

+0

如果您將值添加到您的正文字體大小,如font-size:14px;並添加font-size:inherit;進入我寫給你的規則集,那麼所有標題的字體大小將是14px;從那時起,您可以相應地自定義覆蓋每個標題的字體大小。您可以對字體重量進行相同操作。請注意,任何主體樣式必須位於任何標題樣式的頂部以覆蓋標題字體樣式。你可以做的最好的事情是通過在devtools中檢查來追蹤你的標題如何得到他們的樣式。如果你正在使用任何CSS框架,並且這樣你的自定義CSS規則必須最後加載。 –