- line-height有什么作用?
設(shè)置行高
可以用來(lái)設(shè)置字體和圖片的行間距
- 如何去查CSS屬性的兼容性?比如inline-block哪些瀏覽器支持?
CSS屬性的兼容性 http://caniuse.com/

Paste_Image.png
- a 標(biāo)簽的href, title, target 是什么? title 和 alt有什么區(qū)別?如何新窗口打開鏈接?
href是鏈接的路徑
title是鏈接標(biāo)題
target規(guī)定以何種方式打開打開鏈接
title和atl的區(qū)別
title屬性用鼠標(biāo)放上去可以顯示出來(lái),alt則不會(huì) 一般用于seo

Paste_Image.png
在a標(biāo)簽內(nèi)添加 target="_blink"
<a href="#" target="_blink">打開新窗口</a>
- display: none, visibility: hidden, opacity:0有什么作用?有什么區(qū)別?
display:none 完全隱藏元素,不影響布局,不觸發(fā)事件

Paste_Image.png
visibility: hidden 隱藏元素,影響布局,不會(huì)觸發(fā)事件。

Paste_Image.png
opacity:0 將元素完全透明,影響布局,會(huì)觸發(fā)事件

Paste_Image.png
- 如何去除 a 鏈接的默認(rèn)樣式?直接在 a 鏈接父容器添加顏色,能否基礎(chǔ)到當(dāng)前a 鏈接上?
可以使用text-decoration:none 去除默認(rèn)樣式
a:link {color: blue} 未被訪問(wèn)的鏈接 藍(lán)色
a:visited {color: blue} 已被訪問(wèn)過(guò)的鏈接 藍(lán)色
a:hover {color: blue} 鼠標(biāo)懸浮在上的鏈接 藍(lán)色
a:active {color: blue} 鼠標(biāo)點(diǎn)中激活鏈接 藍(lán)色
不可以
<div style="color:red"><a href="#">a鏈接</a>不是a鏈接<span>span</span></div>

Paste_Image.png
本教程版權(quán)歸菲龍?zhí)诫?yún)和饑人谷所有,轉(zhuǎn)載須說(shuō)明來(lái)源