任務六-HTML(3)

1.line-height有什么作用?

答:line-height的主要作用是調整文本行高,也相當于行間距的設置。
Eg:<p style="lint-height:30px;>當段落內文字換行時候行間距即為30px;并且當設置line-height屬性與div高度相同時,可以使單行文本在div中垂直居中。

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

答:使用caniuse 網站來檢測css屬性的兼容性。打開網站后我們可以搜索某一個屬性值,Eg:inline-block。我們可以通過下面的表格看出有哪些瀏覽器支持此屬性。


Caniuse網站示例

3.a 標簽的href, title, target 是什么? title 和 alt有什么區別?如何新窗口打開鏈接?

答:

  • href指定了超鏈接目標的URL<a href="www.baidu.com">如果設置成href="#"那么點開鏈接也會停在當前頁面。
  • target用于設置跳轉鏈接的打開方式target=“_blank”會在新窗口打開連接。
  • title屬性是當鼠標懸停在鏈接上時可以顯示當前連接的額外信息。
  • alt是代替圖像顯示的文本信息,當圖像沒有被加載出來該位置即會顯示alt屬性值中的文本。

4.display: none , visibility: hidden, opacity:0 有什么作用?有什么區別?

答:

  • display:none隱藏元素的手法較為常用,不會占據文檔空間,從而也是導致頁面的布局發生變化。
  • visibility:hidden與前者的區別在于被隱藏的元素仍會占據文檔空間,也不會觸發該元素所綁定的事件
  • opacity:0顧名思義是將元素透明度降低到0,以達到隱藏元素的效果。頁面布局不會發生變化,會觸發綁定事件。

5.如何去除 a 鏈接的默認樣式?直接在 a 鏈接父容器添加顏色,能否繼承到當前 a 鏈接上?

答:利用text-decoration:none語句來去除a鏈接的默認下劃線;a標簽無法繼承父元素中的顏色屬性,只能單獨對a標簽定義顏色樣式。


****本教程版權歸饑人谷_鬼腳七和饑人谷所有,轉載須說明來源****

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,814評論 1 92
  • 一,line-height行高有什么作用? 1 .行高的理解行高、行距行高是指文本行基線間的垂直距離。那什么是基線...
    kingBirds閱讀 631評論 0 1
  • ?前端面試題匯總 一、HTML和CSS 21 你做的頁面在哪些流覽器測試過?這些瀏覽器的內核分別是什么? ...
    Simon_s閱讀 2,228評論 0 8
  • 1. line-height有什么作用? line-height指定一行的行高,使用后會使文本在上下居中。 lin...
    小木子2016閱讀 390評論 0 0
  • 天還很亮 夜晚卻快來臨 我害怕孤寂 也害怕星星的眼睛 那些眼睛都是你 讓我無法躲避 在你的眼睛里 我失去了我自己 ...
    潛水的鳥閱讀 222評論 0 3