CSS認(rèn)識(shí)2

  • 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)源

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

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

  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    前端進(jìn)階之旅閱讀 16,881評(píng)論 32 459
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒(méi)有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,189評(píng)論 0 1
  • 1. tab列表折疊效果 html: 能源系統(tǒng)事業(yè)部 崗位名稱: 工作地點(diǎn) 崗位名...
    lilyping閱讀 2,015評(píng)論 0 1
  • line-height 行高是指文本行基線間的垂直距離關(guān)于行高 行距 基線等概念的圖例: 在div中使文字垂直居中...
    饑人谷_Diego閱讀 655評(píng)論 0 0
  • 斟一杯酒問(wèn)一聲君是誰(shuí), 你可否隨我入杯中醉一回。 一生幾何,濃濃淡淡盡在杯! 酒飲到“失魂”時(shí)只能體會(huì)到心靈深處那...
    夢(mèng)游的柔兒閱讀 897評(píng)論 5 4

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