4-19 css屬性

一、

margin 簡寫屬性在一個聲明中設置全部外邊距屬性。該屬性能夠有 1 到 4 個值。

說明

這個簡寫屬性設置一個元素全部外邊距的寬度，或者設置各邊上外邊距的寬度。

塊級元素的垂直相鄰外邊距會合並，而行內元素實際上不佔上下外邊距。行內元素的的左右外邊距不會合並。一樣地，浮動元素的外邊距也不會合並。容許指定負的外邊距值，不過使用時要當心。

註釋：容許使用負值。

1 margin:10px 5px 15px 20px;

• 上外邊距是 10px
• 右外邊距是 5px
• 下外邊距是 15px
• 左外邊距是 20px

 

1 margin:10px 5px 15px;

 

• 上外邊距是 10px
• 右外邊距和左外邊距是 5px
• 下外邊距是 15px

1 margin:10px 5px;

• 上外邊距和下外邊距是 10px
• 右外邊距和左外邊距是 5px

1 margin:10px;

• • 全部 4 個外邊距都是 10px

值	描述
auto	瀏覽器計算外邊距。
length	規定以具體單位計的外邊距值，好比像素、釐米等。默認值是 0px。
%	規定基於父元素的寬度的百分比的外邊距。
inherit	規定應該從父元素繼承外邊距。

二、align 

text-align 屬性規定元素中的文本的水平對齊方式。

該屬性經過指定行框與哪一個點對齊，從而設置塊級元素內文本的水平對齊方式。

三、display

這個屬性用於定義創建佈局時元素生成的顯示框類型。對於 HTML 等文檔類型，若是使用 display 不謹慎會很危險，由於可能違反 HTML 中已經定義的顯示層次結構。對於 XML，因爲 XML 沒有內置的這種層次結構，全部 display 是絕對必要的。

值	描述
none	此元素不會被顯示。
block	此元素將顯示爲塊級元素，此元素先後會帶有換行符。
inline	默認。此元素會被顯示爲內聯元素，元素先後沒有換行符。
inline-block	行內塊元素。（CSS2.1 新增的值）
list-item	此元素會做爲列表顯示。
run-in	此元素會根據上下文做爲塊級元素或內聯元素顯示。
compact	CSS 中有值 compact，不過因爲缺少普遍支持，已經從 CSS2.1 中刪除。
marker	CSS 中有值 marker，不過因爲缺少普遍支持，已經從 CSS2.1 中刪除。
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 屬性的值。

四、

font-size 屬性可設置字體的尺寸。

說明

該屬性設置元素的字體大小。注意，實際上它設置的是字體中字符框的高度；實際的字符字形可能比這些框高或矮（一般會矮）。

五、cursor: pointer;------------------光標是一個小手

cursor:*****

六、

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 屬性的值。

七、

min-width 屬性設置元素的最小寬度。

說明

該屬性值會對元素的寬度設置一個最小限制。所以，元素能夠比指定值寬，但不能比其窄。不容許指定負值。

八、

box-shadow 屬性向框添加一個或多個陰影。

提示：請使用 border-image-* 屬性來構造漂亮的可伸縮按鈕！