塊級元素行内元素以及display屬性

1、什麼叫做标簽語義化? ->合理的标簽做合适的事情

   ->HTML中常用的标簽都有哪些? (塊狀标簽和行内标簽)

   ->塊狀标簽和行内标簽的差別? (常用的有8條差別)

1）内聯元素：和其他元素都在一行上，元素的高度，寬度及頂部和底部邊距不可設定。元素的高度就是它包含的文字或者圖檔的寬度，不可改變。

　　->行内标簽主要有：<a>  <span> <br> <i> <em> <strong> <label> <q> <var> <cite> <code>

2）塊級元素：每個塊級元素都是從新的一行開始，并且其他的元素也是另起一行。元素的高度，寬度，行高以及頂和底邊距都可以設定。元素寬度在不設定的情況下，是他本身的父容器的100%（和父元素的寬度一直），除非設定一個寬度。

　　->常用的塊級元素有：<div> <p> <h1> <h6> <ol> <ul> <dl> <table> <address> <blockquote> <form>

3）内聯塊狀元素：和其他元素都在一行上：元素的高度寬度，行高，以及頂部和底部邊距都可設定。常用内聯塊級元素有：<img> <input>

2、display有哪些常用的屬性值?分别是什麼意思?有哪些需要注意的地方?

display的屬性值有：none|inline|inline-block|block|list-item|run-in|table|inlne-table|table-row-group|table-header-group|table-footer-group|table-row|table-column-group|table-column|table-cell|table-caption|inhert

1）none：元素不會顯示，而且該元素的現實空間不會保留。擔有另外一個visiblity:hidden;是保留元素空間的

2）inline：display的預設屬性。将元素顯示為内聯元素，元素前後沒有換行符。我們知道内聯元素是無法設定寬高的，是以一旦元素的display屬性設定成inline，設定屬性的寬高是沒有用的。此時影響他的高度一般是内部元素的高度font-size和padding。

3）block：将元素顯示為塊級元素，元素前後會帶有換行符。設定為block後，元素可以設定width和height了，元素獨占一行。

4）inline-block：行内塊級元素，這個元素融合了inline和block的特性，他幾時内聯元素，又可以設定width和height

   ->你在項目中編寫代碼的時候,遵循的規範是什麼? (雅虎優化36條建議)

5）其他的display不是很常用的屬性

　　list-item：     此元素會作為清單顯示。

　　run-in：     此元素會根據上下文作為塊級元素或内聯元素顯示。

　　table：     此元素會作為塊級表格來顯示（類似 <table>），表格前後帶有換行符。

　　inline-table：     此元素會作為内聯表格來顯示（類似 <table>），表格前後沒有換行符。

　　table-row-group：     此元素會作為一個或多個行的分組來顯示（類似 <tbody>）。

　　table-header-group：     此元素會作為一個或多個行的分組來顯示（類似 <thead>）。

　　table-footer-group：     此元素會作為一個或多個行的分組來顯示（類似 <tfoot>）。

　　table-row：     此元素會作為一個表格行顯示（類似 <tr>）。

　　table-column-group：     此元素會作為一個或多個列的分組來顯示（類似 <colgroup>）。

　　table-column：     此元素會作為一個單元格列顯示（類似 <col>）

　　table-cell：     此元素會作為一個表格單元格顯示（類似 <td> 和 <th>）

　　table-caption：     此元素會作為一個表格标題顯示（類似 <caption>）

　　inherit：     規定應該從父元素繼承 display 屬性的值。

3、頁面中有一個盒子,我先讓其消失在我們的視野中,你有幾種辦法?

   ->透明度為零 (opacity/filter ->filter的其他作用)

   ->display:none

   ->visibility: hidden (display:none和visibility:hidden差別是什麼?)

   ->寬高為零

   ->position設定完,讓top/left是足夠的負值 (position常用到的屬性值都有哪些?需要注意哪些細節的地方)

   ->設定z-index,讓其它的元素把它遮蓋住

   ->背景顔色和我們頁面整體的背景顔色保持一緻 (background常用到的屬性值都有哪些?)

   ->足夠的負的margin值

   ...