婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > font和line-height之CSS代碼書寫順序不同，導致顯示效果不一樣

font和line-height之CSS代碼書寫順序不同，導致顯示效果不一樣
熱門標簽：蘇州通信外呼系統多少錢 山西旅游景地圖標注 上古卷軸5地圖標注mod 沈陽智能外呼系統排名 中國地圖標注各省份 北川縣地圖標注 武漢人工外呼系統 荒野大鏢客2地圖標注怎么變中文 移動400辦理電話
無意中發現，針對同一HTML標記，在CSS中同時應用了font和line-height屬性時，就得小心了，這二者的書寫順序不一樣，會導致顯示效果不同。
即：
>>> 如果先寫font，再寫line-height，顯示效果正常
>>> 如果先寫line-height，再寫font，則line-height定義的效果會丟失，在IE、Firefox、Opera下都出現這種BUG

具體效果請看以下代碼：

p>h1：/p>
h1 style="background:#f00;margin:5px 0;font:bold 20px 宋體,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net - 專注Web技術，體驗開發樂趣！/h1>
h1 style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋體,Geneva,Arial,sans-serif;">IECN.Net - 專注Web技術，體驗開發樂趣！/h1>

p>div：/p>
div style="background:#f00;margin:5px 0;font:bold 20px 宋體,Geneva,Arial,sans-serif;line-height:40px;">IECN.Net - 專注Web技術，體驗開發樂趣！/div>
div style="background:#f00;margin:5px 0;line-height:40px;font:bold 20px 宋體,Geneva,Arial,sans-serif;">IECN.Net - 專注Web技術，體驗開發樂趣！/div>


原文：http://www.cnlei.org/blog/article.asp?id=343

注：看了楓巖的留言，去查了下CSS幫助文檔

引用
對font的定義參數必須按照如下的排列順序。每個參數僅允許有一個值。忽略的將使用其參數對應的獨立屬性的默認值：
font : font-style || font-variant || font-weight || font-size || line-height || font-family 
例子：p { font: italic small-caps 600 12pts/18pts 宋體; } 

作者:ztu http://www.dnew.cn/post/217.htm#topreply
您可能感興趣的文章:
  • 用CSS動態控制文本屬性
  • css white-space:nowrap屬性用法（可以強制文字不換行輸出）
  • CSS屬性 - white-space 空白屬性使用說明
  • word-wrap在firefox中不起作用的解決方法
  • word-wrap
  • 從零學CSS系列之文本屬性

標簽：遼源 東莞 陽泉 海東 喀什 南充 邯鄲 濱州

巨人網絡通訊聲明：本文標題《font和line-height之CSS代碼書寫順序不同，導致顯示效果不一樣》，本文關鍵詞  font,和,line-height,之,CSS,代碼,；如發現本文內容存在版權問題，煩請提供相關信息告之我們，我們將及時溝通與處理。本站內容系統采集于網絡，涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《font和line-height之CSS代碼書寫順序不同，導致顯示效果不一樣》相關的同類信息！
  • 本頁收集關于font和line-height之CSS代碼書寫順序不同，導致顯示效果不一樣的相關信息資訊供網民參考！
    • 推薦文章
    主站蜘蛛池模板： 赤水市| 夏津县| 滦南县| 阿拉善左旗| 历史| 浪卡子县| 南乐县| 泗洪县| 夏邑县| 象山县| 方城县| 西乌珠穆沁旗| 合肥市| 德格县| 广安市| 霸州市| 萍乡市| 昔阳县| 泾阳县| 藁城市| 上虞市| 鄱阳县| 古蔺县| 黄平县| 湖南省| 晋城| 和平区| 平罗县| 武山县| 波密县| 共和县| 会泽县| 依安县| 金乡县| 庆城县| 昌黎县| 裕民县| 大方县| 北京市| 昆明市| 巴林右旗|