任務6-HTML3

1.line-height有什么作用?

  • 設置行高
  • 設置line-height的值等于height值,可以使單行文本垂直居中。

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

  • 通過網(wǎng)址http://caniuse.com/來查詢,如圖:
    can i use

3.a 標簽的href, title, target是什么? titlealt有什么區(qū)別?如何新窗口打開鏈接?

  • href:規(guī)定鏈接的目標 URL。
    title:描述該鏈接,鼠標移動到鏈接上時會出現(xiàn)相應提示。
    target:規(guī)定在何處打開目標 URL。僅在 href屬性存在時使用。
  • tittle是用來顯示鏈接的文字內(nèi)容信息,鼠標移動到鏈接上即可出現(xiàn)。而alt則是當鏈接的圖片無法顯示時,會顯示出對該圖片的描述文字,鏈接正常時不會顯示。
  • 在<a>標簽中加上,target=_blank即可。

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

  • 隱藏一個元素可以通過把display屬性設置為"none",或把visibility屬性設置為"hidden",亦可以設置opacity:0。但是請注意,這幾種方法會產(chǎn)生不同的結果。
  • visibility:hidden可以隱藏某個元素,但隱藏的元素仍需占用與未隱藏之前一樣的空間。也就是說,該元素雖然被隱藏了,但仍然會影響布局,和visibility:hidden一樣,opacity:0同樣會占用與未隱藏之前一樣的空間。
    display:none可以隱藏某個元素,且隱藏的元素不會占用任何空間。也就是說,該元素不但被隱藏了,而且該元素原本占用的空間也會從頁面布局中消失。

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

  • 在a標簽的樣式中加入text-decoration: none即可
  • 在 a 鏈接父容器添加顏色,a標簽不會繼承

代碼題

  • 1 代碼
  • 2 代碼
  • 3 代碼
  • 4 代碼
    分析:代碼4的作用是:當瀏覽器的寬度大于900px時,會讓標簽居中顯示,當瀏覽器的寬度小于900px時,會有水平滾動條去顯示標簽。
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 14,199評論 1 92
  • 1. line-height有什么作用? line-height指定一行的行高,使用后會使文本在上下居中。 lin...
    小木子2016閱讀 454評論 0 0
  • 參考1.line-height12.line-height23.line-height34.line-height...
    鴻鵠飛天閱讀 1,073評論 0 0
  • 1.line-height有什么作用? line-height是行高的意思。具體指兩行文字基線之間的距離。line...
    墨月千樓閱讀 366評論 0 0
  • 課程目標 掌握基本標簽和基本樣式的用法 學習建議 閱讀資料都是老師的原創(chuàng)文章、示例代碼、或者是精心挑選的文章。是除...
    饑人谷_江君閱讀 693評論 0 0

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