line-height有什么作用?

line-height是用于行高,另當(dāng)line-height等于height時,可顯示垂直居中效果,具體使用方法如下:

      .a{
        background-color: red;
        border: solid 1px black;
        line-height: 0;
      }
      .b{
        background-color: red;
        border: solid 1px black;
        line-height: 1;
      }
      .c{
        background-color: red;
        border: solid 1px black;
        line-height: 2;
      }
      .d{
        background-color: red;
        border: solid 1px black;
        line-height:40px;
      }
      .e{
        background-color: red;
        border: solid 1px black;
        height: 80px;
        line-height:80px;
      }

效果

行高.png

如何去查CSS熟悉的兼容性？

CSS標(biāo)簽兼容性可在caniuse查詢,下面是inline-block在各瀏覽器中的支持情況:

caniuse示例.png

知識點利用表格的的屬性把圖片居中的方法:

display: table-cell;
text-align: center;

a 標(biāo)簽的href, title, target 是什么？ title 和 alt有什么區(qū)別？

• a 標(biāo)簽的href, title, target 是什么？
• href規(guī)定鏈接指向的頁面的URL,也可以鏈接到“錨點”?！板^點”可以使當(dāng)前頁面也可以是外部頁面。例如:

<a href="#abc" title="百度">鏈接</a>

就會鏈接到當(dāng)前頁面的abc位置

• title 屬性規(guī)定關(guān)于元素的額外信息。例如:

<a  title="百度">鏈接</a>

當(dāng)鼠標(biāo)移到"鏈接"上時,會出現(xiàn)"百度"兩個字的提示。

• target 屬性規(guī)定在何處打開鏈接文檔。
  • _blank在新窗口中打開被鏈接文檔。例如:

<a  target="_blank">鏈接</a>

• _self默認(rèn)。在相同的框架中打開被鏈接文檔。
• _parent在父框架集中打開被鏈接文檔。
• _top在整個窗口中打開被鏈接文檔。
• title 和 alt有什么區(qū)別？
  title屬性規(guī)定關(guān)于元素的額外信息,用于鏈接的描述。
  alt 屬性指定了替代文本，用于在圖像無法顯示或者用戶禁用圖像顯示時，代替圖像顯示在瀏覽器中的內(nèi)容。也可在 鼠標(biāo)移至圖像上是顯示描述。

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

• display: none是將元素完全隱藏，并且元素不占用頁面空間，所占空間會被其他元素占用，功能完全消失。
• visibity:hidden是將元素隱藏，所占用空間不變，只是不顯示元素，功能完全消失。
• opacity:0 是把元素的透明度設(shè)置為0，就是完全透明，透明度在0-1內(nèi)可調(diào)，元素的功能正常。

如何去除 a 鏈接的默認(rèn)樣式？直接在 a 鏈接父容器添加顏色，能否繼承到當(dāng)前 a 鏈接上？

去除a 鏈接的默認(rèn)樣式:

a{
        text-decoration: none;
      }

a 鏈接不能繼承父容器的顏色,需單獨添加樣式。