一痊剖、line-height有什么作用?
- line-height屬性是指文本行基線之間的距離菠齿,而不是字體的大小,它確定了將各個(gè)元素的高度增加多少或減少多少人灼。
- line-height說(shuō)明
| line-heitht | introduction |
| :----------: | :-----------: | :-----------: | :-----------: |
| 值 | <length>、<percentage>顾翼、<number>投放、normal、inherit |
| 初始值 | normal |
| 應(yīng)用于| 所有元素 |
| 繼承性| 有 |
| 百分?jǐn)?shù) |相對(duì)于元素字體大小 |
| 計(jì)算值 |對(duì)于長(zhǎng)度和百分?jǐn)?shù)值是絕對(duì)數(shù)值适贸;否則灸芳,根據(jù)指定確定 |
- line-height繼承
- line-height值從父元素繼承時(shí),要從父元素計(jì)算拜姿,而不是在子元素上計(jì)算
- line-height值指定為一個(gè)數(shù)時(shí)烙样,縮放因子將是繼承值而不是計(jì)算值。這個(gè)數(shù)會(huì)應(yīng)用到該元素及其所有子元素蕊肥,所以各元素都根據(jù)其自己的font-size計(jì)算line-height
- 以上內(nèi)容來(lái)自于《CSS權(quán)威指南》
二谒获、如何去查CSS屬性的兼容性?比如inline-block哪些瀏覽器支持壁却?
- 可以通過(guò)Can I use ....網(wǎng)站去查詢css屬性的兼容性
-
inline-bock得到的瀏覽器支持如下圖:
inline-block瀏覽器支持圖
三批狱、a 標(biāo)簽的href, title, target 是什么? title 和 alt有什么區(qū)別展东?如何新窗口打開(kāi)鏈接?
- a標(biāo)簽的href, title, target分別是:
- href是a標(biāo)簽用于鏈接指定頁(yè)面的 URL的屬性
- title是a標(biāo)簽用來(lái)提供鏈接信息的屬性
- target是a標(biāo)簽用于指定打開(kāi)所鏈接資源的瀏覽環(huán)境赔硫,屬性值如下
| 屬性名稱 | 說(shuō)明 |
| :----------: | :-----------: | :-----------: | :-----------: |
| _blank | 在新窗口或標(biāo)簽頁(yè)中打開(kāi)文檔 |
| _parent | 在父窗口或者包含來(lái)超鏈接引用的框架的框架集中打開(kāi)文檔;若這個(gè)引用是在窗口或者在頂級(jí)框架中盐肃,則同目標(biāo) _self 等效|
| _self| 在當(dāng)前窗口打開(kāi)文檔(默認(rèn)) |
| _top| 在頂層窗口打開(kāi)文檔 |
- title和 alt的主要區(qū)別是:
- alt只是html標(biāo)簽的屬性爪膊,而title既是html標(biāo)簽,又是html屬性
- alt屬性用來(lái)指定替換文字砸王,只能用在img推盛、area和input元素中,用于網(wǎng)頁(yè)中圖片無(wú)法正常顯示時(shí)給用戶提供文字說(shuō)明使其了解圖像信息
- title作為標(biāo)簽時(shí)处硬,用于設(shè)置網(wǎng)頁(yè)的標(biāo)題
- title作為屬性時(shí)小槐,用來(lái)為元素提供額外說(shuō)明信息。例如荷辕,給a標(biāo)簽添加了title屬性凿跳,把鼠標(biāo)移動(dòng)到該鏈接上面是,就會(huì)顯示title的內(nèi)容疮方,以達(dá)到補(bǔ)充說(shuō)明或者提示的效果
- 來(lái)自于html中的alt和title用法區(qū)別
- 如何新窗口打開(kāi)鏈接~~
- 將a標(biāo)簽target的屬性值設(shè)置為_(kāi)blank控嗜,即
<a href="www.jirengu.com" target="_blank" title="">
四、display: none , visibility: hidden, opacity:0 有什么作用骡显?有什么區(qū)別疆栏?
display: none , visibility: hidden, opacity:0三者都會(huì)使元素隱藏不可見(jiàn)
-
三者區(qū)別如下:
display: none不會(huì)刪除元素曾掂,但會(huì)使得元素隱藏而不可見(jiàn),而且元素原來(lái)所在位置也會(huì)被后面元素所占據(jù)壁顶,從而脫離文檔流
visibility: hidden不會(huì)刪除元素珠洗,但會(huì)讓元素隱藏起來(lái),元素原來(lái)所在位置仍然存在若专,沒(méi)有改變文檔流许蓖,但是不會(huì)觸發(fā)該元素已經(jīng)綁定的事件
opacity:0不會(huì)刪除元素,通過(guò)設(shè)置透明度讓元素隱藏起來(lái)调衰,但元素原來(lái)所在位置仍然存在膊爪,沒(méi)有改變文檔流,如果該元素已經(jīng)綁定一些事件嚎莉,如click事件米酬,那么點(diǎn)擊該區(qū)域,也能觸發(fā)點(diǎn)擊事件的
五趋箩、如何去除a鏈接的默認(rèn)樣式赃额?直接在a鏈接父容器添加顏色,能否繼承到當(dāng)前a鏈接上阁簸?
- 去除a鏈接的默認(rèn)樣式爬早,可以使用text-decoration,即
a{text-decoration:none;}
- 直接在a鏈接父容器添加顏色启妹,是不能繼承到當(dāng)前a鏈接上筛严;要使a鏈接有自己的顏色,需要對(duì)a鏈接進(jìn)行單獨(dú)地設(shè)置饶米,比如桨啃,
a{color:pink;}
版權(quán)聲明:本教程版權(quán)歸鄧攀和饑人谷所有,轉(zhuǎn)載須說(shuō)明來(lái)源C适洹U振!丧慈!