在
網站建設中,很多時候我們的樣式中會遇到font-size這個屬性,但是有些時候不起作用,這是為什么呢?
1、我們先來考慮權重的問題,在網站樣式中,div直接會存在嵌套關系,樣式先集成父樣式,子樣式就不起作用,我們來看看怎么樣解決這個問題,
請看下面的例子,也許會給你一些啟發:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8" />
<title>fontsize 權重關系</title>
<style>
body{ font-size:30px;}
p{ font-size:10px;}
.ss{ font-size:15px;}
</style>
</head>
<body>
body里的文字都會繼承body里 font-size:20px; 的屬性(權重為0)
<p>我不會繼承哦(權重為1)</p>
<span class="ss">我也不會繼承(權重為10)</span>
<span id="dd">哈哈我不鳥body的繼承(權重為100)</span>
<span style="font-size:20px;">我才是最大(權重為1000)</span>
<br /><br />
由此可見誰權重大誰的屬性就作用就大,你學會了嗎</body>
</html>
2、谷歌瀏覽器(Chrome) 的font-size Bug 這也許是谷歌瀏覽器的一個錯誤吧,就是在谷歌瀏覽器下不能設置小于12px像素的文本,否則不起作用,
我們來看看怎么解決這個問題:
-
.text {
-
font-size: 11px;
-
-webkit-text-size-adjust: none;
-
}
方法很簡單,就是在樣式里面新增一個
-webkit-text-size-adjust: none; 就可以了,北京網站建設你學會了嗎