那些熟悉又陌生的 css2、css3 樣式，持續復習
initial關鍵字：
除了 Internet Explorer，其他的主流瀏覽器都支持 initial 關鍵字。
Opera 15 之前的版本不支持 initial 關鍵字。
initial 關鍵字用於設置 CSS 屬性為它的默認值。
initial 關鍵字可用於任何 HTML 元素上的任何 CSS 屬性。
overflow ：
所有主流瀏覽器都支持 overflow 屬性。
註釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit"。
| visible | 默認值。內容不會被修剪，會呈現在元素框之外。 |
| hidden | 內容會被修剪，並且其余內容是不可見的。 |
| scroll | 內容會被修剪，但是瀏覽器會顯示滾動條以便查看其余的內容。 |
| auto | 如果內容被修剪，則瀏覽器會顯示滾動條以便查看其余的內容。 |
| inherit | 規定應該從父元素繼承 overflow 屬性的值。 |
position：
| absolute |
生成絕對定位的元素，相對於 static 定位以外的第一個父元素進行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。 |
| fixed |
生成絕對定位的元素，相對於瀏覽器窗口進行定位。 元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。 |
| relative |
生成相對定位的元素，相對於其正常位置進行定位。 因此，"left:20" 會向元素的 LEFT 位置添加 20 像素。 |
| static | 默認值。沒有定位，元素出現在正常的流中（忽略 top, bottom, left, right 或者 z-index 聲明）。 |
| inherit |
規定應該從父元素繼承 position 屬性的值。 |
| center |
與 |
| page | 與absolute一致。元素在分頁媒體或者區域塊內，元素的包含塊始終是初始包含塊，否則取決於每個absolute模式。（CSS3） |
| sticky | 對象在常態時遵循常規流。它就像是relative和fixed的合體，當在屏幕中時按常規流排版，當卷動到屏幕外時則表現如fixed。該屬性的表現是現實中你見到的吸附效果。（CSS3） |
display:
none：隱藏對象。與visibility屬性的hidden值不同，其不為被隱藏的對象保留其物理空間
inline：指定對象為內聯元素。
block：指定對象為塊元素。
list-item：指定對象為列表項目。
inline-block：指定對象為內聯塊元素。（CSS2）
table：指定對象作為塊元素級的表格。類同於html標簽<table>（CSS2）
inline-table：指定對象作為內聯元素級的表格。類同於html標簽<table>（CSS2）
table-caption：指定對象作為表格標題。類同於html標簽<caption>（CSS2）
table-cell：指定對象作為表格單元格。類同於html標簽<td>（CSS2）
table-row：指定對象作為表格行。類同於html標簽<tr>（CSS2）
table-row-group：指定對象作為表格行組。類同於html標簽<tbody>（CSS2）
table-column：指定對象作為表格列。類同於html標簽<col>（CSS2）
table-column-group：指定對象作為表格列組顯示。類同於html標簽<colgroup>（CSS2）
table-header-group：指定對象作為表格標題組。類同於html標簽<thead>（CSS2）
table-footer-group：指定對象作為表格腳註組。類同於html標簽<tfoot>（CSS2）
run-in：根據上下文決定對象是內聯對象還是塊級對象。（CSS3）
box：將對象作為彈性伸縮盒顯示。（伸縮盒最老版本）（CSS3）
inline-box：將對象作為內聯塊級彈性伸縮盒顯示。（伸縮盒最老版本）（CSS3）
flexbox：將對象作為彈性伸縮盒顯示。（伸縮盒過渡版本）（CSS3）
inline-flexbox：將對象作為內聯塊級彈性伸縮盒顯示。（伸縮盒過渡版本）（CSS3）
flex：將對象作為彈性伸縮盒顯示。（伸縮盒最新版本）（CSS3）
inline-flex：將對象作為內聯塊級彈性伸縮盒顯示。（伸縮盒最新版本）（CSS3）
那些熟悉又陌生的 css2、css3 樣式，持續復習