1.line-height有什么作用?

答：line-height的主要作用是調(diào)整文本行高，也相當(dāng)于行間距的設(shè)置。
Eg:<p style="lint-height:30px;>當(dāng)段落內(nèi)文字換行時候行間距即為30px;并且當(dāng)設(shè)置line-height屬性與div高度相同時，可以使單行文本在div中垂直居中。

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

答：使用caniuse 網(wǎng)站來檢測css屬性的兼容性。打開網(wǎng)站后我們可以搜索某一個屬性值，Eg：inline-block。我們可以通過下面的表格看出有哪些瀏覽器支持此屬性。

Caniuse網(wǎng)站示例

3.a 標(biāo)簽的href, title, target 是什么？ title 和 alt有什么區(qū)別？如何新窗口打開鏈接?

答：

• href指定了超鏈接目標(biāo)的URL<a href="www.baidu.com">如果設(shè)置成href="#"那么點開鏈接也會停在當(dāng)前頁面。
• target用于設(shè)置跳轉(zhuǎn)鏈接的打開方式target=“_blank”會在新窗口打開連接。
• title屬性是當(dāng)鼠標(biāo)懸停在鏈接上時可以顯示當(dāng)前連接的額外信息。
• alt是代替圖像顯示的文本信息，當(dāng)圖像沒有被加載出來該位置即會顯示alt屬性值中的文本。

4.display: none , visibility: hidden, opacity:0 有什么作用？有什么區(qū)別？

答：

• 用display：none隱藏元素的手法較為常用，不會占據(jù)文檔空間，從而也是導(dǎo)致頁面的布局發(fā)生變化。
• visibility:hidden與前者的區(qū)別在于被隱藏的元素仍會占據(jù)文檔空間，也不會觸發(fā)該元素所綁定的事件
• opacity：0顧名思義是將元素透明度降低到0,以達(dá)到隱藏元素的效果。頁面布局不會發(fā)生變化，會觸發(fā)綁定事件。

5.如何去除 a 鏈接的默認(rèn)樣式？直接在 a 鏈接父容器添加顏色，能否繼承到當(dāng)前 a 鏈接上？

答：利用text-decoration:none語句來去除a鏈接的默認(rèn)下劃線；a標(biāo)簽無法繼承父元素中的顏色屬性，只能單獨對a標(biāo)簽定義顏色樣式。

****本教程版權(quán)歸饑人谷_鬼腳七和饑人谷所有，轉(zhuǎn)載須說明來源****