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有什麼差別？如何新視窗開啟連結?

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

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

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

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

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

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

區別：

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

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

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