css基礎(chǔ)

line-height有什么作用?

設(shè)置文本行距,就是設(shè)置一行文字上下的高度。

如何去查CSS熟悉的兼容性?比如inline-block哪些瀏覽器支持?

在這個** http://caniuse.com/ **網(wǎng)站中輸入CSS屬性查詢可以被哪些瀏覽器所支持

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

  • href 用來指向鏈接路徑,使a標(biāo)簽變?yōu)樽兯烷T的必要屬性。
  • a標(biāo)簽的title用來使鏈接出現(xiàn)懸浮提示,鼠標(biāo)指針懸浮在a標(biāo)簽文字上的售后可以出現(xiàn)提示小框。
  • target屬性是用來控制鏈接的打開方式

title和alt的區(qū)別是:
alt主要是在圖片加載失敗時(shí)用文字描述內(nèi)容,加載成功時(shí)無效果。
title主要是做提示,在鏈接、圖片懸浮時(shí)做補(bǔ)充描述,且文字長度可以比alt要長。

新窗口打開鏈接:target="_blank"

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

  • display: none讓元素徹底消失脫離文檔流
  • visibility: hidden使元素隱藏并保留元素位置,相當(dāng)于元素完全透明
  • opacity:0設(shè)置元素透明度為純透明

三者區(qū)別為:
display:none是讓元素徹底消失,并不會占用位置;
vicibility:hidden是讓元素變?yōu)榧兺该?,但功能還在,只是我們看不到;
opacity:0也是設(shè)置透明度,但是是可變化的,可以用0~1之間的值來控制透明度。


最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答 line-height有什么作用? 如何去查CSS熟悉的兼容性?比如inline-block哪些瀏覽器支持?...
    不是魷魚閱讀 247評論 0 0
  • CSS簡介 CSS 指層疊樣式表 (Cascading Style Sheets) 樣式定義如何顯示HTML 元素...
    MrMagicWang閱讀 837評論 0 1
  • 顏色: 1.color: 設(shè)置對象的文本顏色。無默認(rèn)值。2.opacity:<number>默認(rèn)值:1。設(shè)置對象...
    nothing_c閱讀 477評論 0 0
  • css基礎(chǔ) 樣式類型 行內(nèi)樣式 追命 ? 內(nèi)部樣式 div { color: red ; } ? ...
    mao_orz閱讀 447評論 0 0
  • 學(xué)習(xí)前端已有半年多,雖說高級的框架還未怎么學(xué)習(xí),但簡單的切切頁面還是比較熟練的。面對博大精深的CSS技術(shù),總會感到...
    汐灬顏閱讀 615評論 0 15

友情鏈接更多精彩內(nèi)容