HTML3

1.line-height有什麼作用?

line-height:行高    兩行文字之間基線之間的距離，行高減去字號大小的差上下分為兩半，分別加到一個文字行內容的頂部和底部。當設定單行文字時，和高度一樣，文字會垂直居中，在沒有高度時，行高也會替代高度，行高的值可以是數字（當前字號的倍數），固定行高（數字PX），%當前字型尺寸的百分比，繼承父元素的行高值。但是不能是負值

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

CSS屬性的相容性可以在Can I Use查詢

在Can I use後面輸入要查詢的屬性，

顯示綠格的就是瀏覽器相容的版本

inline-block支援的瀏覽器如下圖所示（ps:line-height全瀏覽器支援）

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

href：是a連結指向的目標，可以是網址（www.baidu.com），可以是站點內的檔案（index.html），也可以是錨點（#top，一般錨點以#標註）。

title：滑鼠放在連結上時顯示提示資訊（為什麼我在W3s沒找到a標籤的title屬性，其他兩個找到了）

target：用來定義被連結的文件在何處顯示

title和alt的區別

title是滑鼠滑過選定元素（停留）時顯示的描述性文字，可以用在除了base，basefont，head，html，meta，param，script和title之外的所有標籤。

alt是選定元素不能顯示時顯示的文字，它可以比title更明確地告訴使用者不能顯示的是什麼內容，alt是必要的屬性，alt屬性只能用在img、area和input元素中。（為什麼在Can i use中沒看到IE支援這個屬性）

4.display: none,visibility: hidden,opacity:0有什麼作用？有什麼區別？

display:none：元素會消失，脫離文件流，其他元素也會認為不存在而繼續文件流，但是javascript仍可以搜尋到該元素。

visibility:hidden：讓元素隱藏，只是看不見，仍會佔用頁面空間，其他元素依然會按照順序排列，類似於透明，在display:none存在時頁面會按照display:none處理。

opacity:0：透明度設定，值由0.0~1.0表示，透明效果由0.0~1.0遞增顯示，預設是1.0。設定元素透明，效果和visibility:hidden一樣。

5.如何去除 a 連結的預設樣式？直接在 a 連結父容器新增顏色，能否繼承到當前 a 連結上？

這是a連結的預設樣式

這是給div1新增了樣式的樣式，由圖可知，直接給父元素新增顏色，a連結不會繼承，但是其他樣式例如字號是可以繼承的，只有顏色不會繼承。

要想改變a的預設樣式，需要給a設定樣式，也可以給a設定偽類樣式。

6.下面程式碼有什麼作用？手抄一遍如下程式碼，改變瀏覽器寬度看看效果

這裡需要處理一下，新增一個背景顏色，可以看出因為設定了寬度900PX，所以在瀏覽器寬度小於900PX時，部分寬度會被遮擋，但在大於900PX時，因為margin：0 auto的存在，.wrap會居中顯示。

margin:0 auto：上下外邊距為0，左右外邊距自動，在自動情況下，瀏覽器會把瀏覽器寬度減去元素的寬度的差，自動分配在瀏覽器左右，就是自動居中。

本文章版權屬 飢人谷_張世鈞和飢人谷 所有，如需轉載請務必註明出處。