css一些常用的屬性

標籤：單詞   羅馬數字   rect   target   重複   geo   outline   layout   abs   

背景關聯background-attachment 屬性body { background-image:url(/i/eg_bg_02.gif); background-repeat:no-repeat; } CSS 背景屬性

屬性	描述
background	簡寫屬性，作用是將背景屬性設定在一個聲明中。
background-attachment	背景映像是否固定或者隨著頁面的其餘部分滾動。
background-color	設定元素的背景顏色。
background-image	把映像設定為背景。
background-position	設定背景映像的起始位置。
background-repeat

 縮排文本text-indent 屬性禁止文本換行：p{white-space: nowrap}字間隔word-spacing 屬性p.spread {word-spacing: 30px;} p.tight {word-spacing: -0.5em;} <p class="spread"> This is a paragraph. The spaces between words will be increased. </p> <p class="tight"> This is a paragraph. The spaces between words will be decreased. </p>   CSS列表CSS 列表屬性(list)

屬性	描述
list-style	簡寫屬性。用於把所有用於列表的屬性設定於一個聲明中。
list-style-image	將圖象設定為清單項目標誌。
list-style-position	設定列表中清單項目標誌的位置。
list-style-type	設定清單項目標誌的類型。

 ，可以使用屬性 list-style-type

值	描述
none	無標記。
disc	預設。標記是實心圓。
circle	標記是空心圓。
square	標記是實心方塊。
decimal	標記是數字。
decimal-leading-zero	0開頭的數字標記。(01, 02, 03, 等。)
lower-roman	小寫羅馬數字(i, ii, iii, iv, v, 等。)
upper-roman	大寫羅馬數字(I, II, III, IV, V, 等。)
lower-alpha	小寫英文字母The marker is lower-alpha (a, b, c, d, e, 等。)
upper-alpha	大寫英文字母The marker is upper-alpha (A, B, C, D, E, 等。)
lower-greek	小寫希臘字母(alpha, beta, gamma, 等。)
lower-latin	小寫拉丁字母(a, b, c, d, e, 等。)
upper-latin	大寫拉丁字母(A, B, C, D, E, 等。)
hebrew	傳統的希伯來編號方式
armenian	傳統的亞美尼亞編號方式
georgian	傳統的喬治亞編號方式(an, ban, gan, 等。)
cjk-ideographic	簡單的表意數字
hiragana	標記是：a, i, u, e, o, ka, ki, 等。（日文片假名）
katakana	標記是：A, I, U, E, O, KA, KI, 等。（日文片假名）
hiragana-iroha	標記是：i, ro, ha, ni, ho, he, to, 等。（日文片假名）
katakana-iroha	標記是：I, RO, HA, NI, HO, HE, TO, 等。（日文片假名）

   1、border如果需要把倆條重複的邊框顯示為單條邊框就使用table { border-collapse:collapse; } table,th, td { border: 1px solid black; } CSS Table 屬性

屬性	描述
border-collapse	設定是否把表格邊框合并為單一的邊框。
border-spacing	設定分隔儲存格邊框的距離。
caption-side	設定表格標題的位置。
empty-cells	設定是否顯示表格中的空儲存格。
table-layout	設定顯示單元、行和列的演算法。

 CSS 邊框屬性

屬性	描述	CSS
outline	在一個聲明中設定所有的輪廓屬性。	2
outline-color	設定輪廓的顏色。	2
outline-style	設定輪廓的樣式。	2
outline-width	設定輪廓的寬度。	2

   

屬性	描述
position	把元素放置到一個靜態、相對的、絕對的、或固定的位置中。
top	定義了一個定位元素的上外邊距邊界與其包含塊上邊界之間的位移。
right	定義了定位元素右外邊距邊界與其包含塊右邊界之間的位移。
bottom	定義了定位元素下外邊距邊界與其包含塊下邊界之間的位移。
left	定義了定位元素左外邊距邊界與其包含塊左邊界之間的位移。
overflow	設定當元素的內容溢出其地區時發生的事情。
clip	設定元素的形狀。元素被剪入這個形狀之中，然後顯示出來。
vertical-align	設定元素的垂直對齊。
z-index

 staticrelativeabsolutefixed提示：overflow: scroll；無論框內是否放的下內容都會出現一種滾動機制； 設定元素形狀：clip:rect(0px 50px 200px 0px)；  重疊：z-index   CSS 選取器參考手冊

選取器	描述
[attribute]	用於選取帶有指定屬性的元素。
[attribute=value]	用於選取帶有指定屬性和值的元素。
[attribute~=value]	用於選取屬性值中包含指定詞彙的元素。
[attribute|=value]	用於選取帶有以指定值開頭的屬性值的元素，該值必須是整個單詞。
[attribute^=value]	匹配屬性值以指定值開頭的每個元素。
[attribute$=value]	匹配屬性值以指定值結尾的每個元素。
[attribute*=value]	匹配屬性值中包含指定值的每個元素。

為了將同時有 href 和 title 屬性的 HTML 超連結的文本設定為紅色，可以這樣寫：a[href][title] {color:red;}  根據具體屬性值選擇例子 1 

屬性	描述	CSS
:active	向被啟用的元素添加樣式。	1
:focus	向擁有鍵盤輸入焦點的元素添加樣式。	2
:hover	當滑鼠懸浮在元素上方時，向元素添加樣式。	1
:link	向未被訪問的連結添加樣式。	1
:visited	向已被訪問的連結添加樣式。	1
:first-child	向元素的第一個子項目添加樣式。	2
:lang	向帶有指定 lang 屬性的元素添加樣式。	2

css一些常用的屬性