問答:
1. line-height
有什么用?
- 設(shè)置行間的距離(行高);
- 設(shè)置
line-height
和height
值一樣時(shí),可以實(shí)現(xiàn)單行文本垂直居中的效果。多行文本垂直居中:先設(shè)置display:table-cell
然后vertial-align:middle
。more-1more-2
2. 如何去查CSS屬性的兼容性?比如inline-block
哪些瀏覽器支持?
- 通過can i use可以查看,比如
task6-1.PNG
3. a標(biāo)簽的 href
,title
,target
,是什么?title
和alt
有什么區(qū)別?如何新窗口打開鏈接?
- 定義:
-
href
屬性用于指定超鏈接目標(biāo)的URL -
title
:當(dāng)鼠標(biāo)置于鏈接上時(shí),顯示的文本內(nèi)容; -
target
屬性指定所鏈接的頁面在瀏覽器窗口中的打開方式。1
-
- 區(qū)別:
- alt屬性:當(dāng)文檔中圖片不顯示時(shí)提供的文字說明。
- title屬性:提供非本質(zhì)的額外信息。詳細(xì)
4. display:none
,visibility:hidden
,opacity:0
有什么作用?有什么區(qū)別?
-
display:none
:讓目標(biāo)不存在,沒了,且不再占用空間; -
visibility:hidden
:讓目標(biāo)隱藏,藏起來了,還是真是存在的,找不著而已; -
opacity:0
:opacity翻譯一下就是“透明度”,也就是說當(dāng)賦值為0時(shí),就好比目標(biāo)穿了一件Harry Potter的“隱形斗篷”,看不見了。
綜上,這三貨都可以達(dá)到讓目標(biāo)在頁面看起來消失的效果。
5. 如何去除a鏈接的默認(rèn)樣式?直接在a鏈接父容器添加顏色,能否繼承到當(dāng)前a鏈接上?
- 去除默認(rèn)樣式:
a{text-decoration:none;}
- 不會。由于CSS的層疊(cascading),a元素繼承自div的樣式被瀏覽器的a元素的默認(rèn)樣式給覆蓋了。3
代碼
本文著作權(quán)歸作者所有;如需轉(zhuǎn)載請聯(lián)系饑人谷,并注明原文出處。