HTML裡的常見問題二

如何去查CSS熟悉的相容性？比如inline-block哪些瀏覽器支援？a 標籤的href, title, target 是什嗎？ title 和 alt有什麼區別？如何新視窗開啟連結?display: none和visibility: hidden有什麼作用？有什麼區別？

line-height有什麼作用?

line-height 屬性設定行間的距離（行高）。

常用的值有：

normal 預設。設定合理的行間距。

number 設定數字，此數字會與當前的字型尺寸相乘來設定行間距。

length 設定固定的行間距。

% 基於當前字型尺寸的百分比行間距。

inherit 規定應該從父元素繼承 line-height 屬性的值。

如何去查CSS熟悉的相容性？比如inline-block哪些瀏覽器支援？

可以在w3school中CSS參考手冊中尋找，也可以在CAN I USE中輸入自己想要查詢的屬性。

inline-block在 IE6,IE7,FIRE FOX 2中部分支援，其餘主流瀏覽器各個版本均全部支援。

a 標籤的href, title, target 是什嗎？ title 和 alt有什麼區別？如何新視窗開啟連結?

例：<a href="http://baidu.com" title="百度" target=“_blank”>這是一個連結</a>

href屬性用於指定超連結目標的 URL。可以是任何有效文檔的相對或絕對 URL，包括片段標識符和 JavaScript 程式碼片段。

target規定在何處開啟連結文檔，當target值為"_blank"時，可以在新視窗開啟連結。

title屬性規定關於元素的額外資訊。這些資訊通常會在滑鼠移到元素上時顯示一段工具提示文本（tooltip text），為全域屬性。

art屬性的作用是當使用者無法查看圖片時，瀏覽器將顯示替代文本。

display: none和visibility: hidden有什麼作用？有什麼區別？

作用：display:none和visible:hidden都能把網頁上某個元素隱藏起來

區別：

display:none ---不為被隱藏的對象保留其物理空間，即該對象在頁面上徹底消失，通俗來說就是看不見也摸不到。

visible:hidden--- 使對象在網頁上不可見，但該對象在網頁上所佔的空間沒有改變，通俗來說就是看不見但摸得到。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

HTML裡的常見問題一

簡述CSS中clearfix 的原理