2012-11-05 44 views
1

我正在絞盡腦汁,但似乎找不到解決方案。如何在css中更改標題大小

從語義角度來看,我想使用h2標題 - 但是從視覺pov我希望它看起來完全像h5標題。

但是,css的行爲與此有關,並且似乎將標題文本視爲格式化的普通文本。所以font-size:60%;即將通過正常文本的大小的60% - 這是絕對小!我試圖與其他方面(如身高)混亂,但無濟於事。與頭的所有樣式屬性似乎消失了,一旦你申請的CSS的字體...

+4

這將會是非常有幫助的是,我們可以看到一個代碼示例...有可能是導致這一問題的方式太多的因素只是猜測。你使用任何CSS規範化?哪些瀏覽器受到影響,還是它們看起來都一樣? –

+1

我們可以請一個jsfiddle嗎? –

+1

不同的瀏覽器對標題有不同的默認值,所以你最好的解決方案是使用CSS標準器,然後專門設置每個標題的樣式,但是你想要 – Rodolfo

回答

3

使用像素而不是百分比,例如 h2{font-size:14px; height:50px;}

2

,如果你要使用%定義爲CSS規則 使用html標記修復了字體渲染。

下一步包括定義文檔所有基本字體信息的主體標籤。

其餘的應該按需要工作。

/*css*/ 

html {font-size: 100.01%;} 
body {font:italic bold 16px/30px Georgia, serif;} 
h2 {font-size: 60%; line-height:60%;} 

<!--HMTL--> 
<!DOCTYPE html> 
<html> 
    <body> 
     <div>blah</div> 
     <h2>header</h2> 
     <div>blah<br>blah</div> 
    </body> 
</html> 

看到Example