HTML常見小問題2

Zegendary發表於2017-12-13

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--- 使物件在網頁上不可見,但該物件在網頁上所佔的空間沒有改變,通俗來說就是看不見但摸得到。

相關文章