單純只是為了方便檢視而已 CSS篇

2021-07-14 19:36:51 字數 4836 閱讀 7285

1.css背景屬性

屬性描述

background

簡寫屬性,作用是將背景屬性設定在乙個宣告中。

background-attachment

背景影象是否固定或者隨著頁面的其餘部分滾動。

background-color

設定元素的背景顏色。

background-image

把影象設定為背景。

background-position

設定背景影象的起始位置。

background-repeat

設定背景影象是否及如何重複。

2.css文字屬性

屬性描述

color

設定文字顏色

direction

設定文字方向。

line-height

設定行高。

letter-spacing

設定字元間距。

text-align

對齊元素中的文字。

text-decoration

向文字新增修飾。

text-indent

縮排元素中文字的首行。

text-shadow

設定文字陰影。css2 包含該屬性,但是 css2.1 沒有保留該屬性。

text-transform

控制元素中的字母。

unicode-bidi

設定文字方向。

white-space

設定元素中空白的處理方式。

word-spacing

設定字間距。

3.css字型屬性

font

簡寫屬性。作用是把所有針對字型的屬性設定在乙個宣告中。

font-family

設定字型系列。

font-size

設定字型的尺寸。

font-size-adjust

當首選字型不可用時,對替換字型進行智慧型縮放。(css2.1 已刪除該屬性。)

font-stretch

對字型進行水平拉伸。(css2.1 已刪除該屬性。)

font-style

設定字型風格。

font-variant

以小型大寫字型或者正常字型顯示文字。

font-weight

設定字型的粗細。

4.鏈結

a:link/* 未訪問的鏈結 */a:visited/* 已訪問的鏈結 */a:hover/* 滑鼠移動到鏈結上 */a:active/* 選定的鏈結 */

5.css列表屬性

屬性描述

list-style

簡寫屬性。用於把所有用於列表的屬性設定於乙個宣告中。

list-style-image

將圖象設定為列表項標誌。

list-style-position

設定列表中列表項標誌的位置。

list-style-type

設定列表項標誌的型別。

marker-offset

6.css table屬性

border-collapse

設定是否把**邊框合併為單一的邊框。

border-spacing

設定分隔單元格邊框的距離。(僅用於 "separated borders" 模型)

caption-side

設定**標題的位置。

empty-cells

設定是否顯示**中的空單元格。(僅用於 "separated borders" 模型)

table-layout

設定顯示單元、行和列的演算法。

7.css輪廓

屬性描述

cssoutline

在乙個宣告中設定所有的輪廓屬性。

2outline-color

設定輪廓的顏色。

2outline-style

設定輪廓的樣式。

2outline-width

設定輪廓的寬度。2

8.css邊框屬性

border

簡寫屬性,用於把針對四個邊的屬性設定在乙個宣告。

border-style

用於設定元素所有邊框的樣式,或者單獨地為各邊設定邊框樣式。

border-width

簡寫屬性,用於為元素的所有邊框設定寬度,或者單獨地為各邊邊框設定寬度。

border-color

簡寫屬性,設定元素的所有邊框中可見部分的顏色,或為 4 個邊分別設定顏色。

border-bottom

簡寫屬性,用於把下邊框的所有屬性設定到乙個宣告中。

border-bottom-color

設定元素的下邊框的顏色。

border-bottom-style

設定元素的下邊框的樣式。

border-bottom-width

設定元素的下邊框的寬度。

border-left

簡寫屬性,用於把左邊框的所有屬性設定到乙個宣告中。

border-left-color

設定元素的左邊框的顏色。

border-left-style

設定元素的左邊框的樣式。

border-left-width

設定元素的左邊框的寬度。

border-right

簡寫屬性,用於把右邊框的所有屬性設定到乙個宣告中。

border-right-color

設定元素的右邊框的顏色。

border-right-style

設定元素的右邊框的樣式。

border-right-width

設定元素的右邊框的寬度。

border-top

簡寫屬性,用於把上邊框的所有屬性設定到乙個宣告中。

border-top-color

設定元素的上邊框的顏色。

border-top-style

設定元素的上邊框的樣式。

border-top-width

設定元素的上邊框的寬度。

9.position 屬性值的含義:

static

元素框正常生成。塊級元素生成乙個矩形框,作為文件流的一部分,行內元素則會建立乙個或多個行框,置於其父元素中。

relative

元素框偏移某個距離。元素仍保持其未定位前的形狀,它原本所佔的空間仍保留。

absolute

元素框從文件流完全刪除,並相對於其包含塊定位。包含塊可能是文件中的另乙個元素或者是初始包含塊。元素原先在正常文件流中所佔的空間會關閉,就好像元素原來不存在一樣。元素定位後生成乙個塊級框,而不論原來它在正常流中生成何種型別的框。

fixed

元素框的表現類似於將 position 設定為 absolute,不過其包含塊是視窗本身。

10.css定位屬性

css 定位屬性允許你對元素進行定位。

屬性描述

position

把元素放置到乙個靜態的、相對的、絕對的、或固定的位置中。

top定義了乙個定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

right

定義了定位元素右外邊距邊界與其包含塊右邊界之間的偏移。

bottom

定義了定位元素下外邊距邊界與其包含塊下邊界之間的偏移。

left

定義了定位元素左外邊距邊界與其包含塊左邊界之間的偏移。

overflow

設定當元素的內容溢位其區域時發生的事情。

clip

設定元素的形狀。元素被剪入這個形狀之中,然後顯示出來。

vertical-align

設定元素的垂直對齊方式。

z-index

設定元素的堆疊順序。

11.css尺寸

height

設定元素的高度。

line-height

設定行高。

max-height

設定元素的最大高度。

max-width

設定元素的最大寬度。

min-height

設定元素的最小高度。

min-width

設定元素的最小寬度。

width

設定元素的寬度。

12.css 分類屬性 (classification)

css 分類屬性允許你控制如何顯示元素,設定影象顯示於另一元素中的何處,相對於其正常位置來定位元素,使用絕對值來定位元素,以及元素的可見度。

屬性描述

clear

設定乙個元素的側面是否允許其他的浮動元素。

cursor

規定當指向某元素之上時顯示的指標型別。

display

設定是否及如何顯示元素。

float

定義元素在哪個方向浮動。

position

把元素放置到乙個靜態的、相對的、絕對的、或固定的位置中。

visibility

設定元素是否可見或不可見。

13.偽元素

瀏覽器支援:ie: internet explorer, f: firefox, n: netscape。

w3c:「w3c」列的數字顯示出屬性背景由哪個css標準定義(css1還是css2)。

偽元素作用ief

nw3c

:first-letter

將特殊的樣式新增到文字的首字母51

81:first-line

將特殊的樣式新增到文字的首行51

81:before

在某元素之前插入某些內容

1.58

2:after

在某元素之後插入某些內容

1.582

賣你 只是為了您

1997 學習dos 2009 完成it 解決方案 5 網路廣播 從來未賣過您 今天 我要大聲宣布 決定賣了您 賣了您 it 解決方案 5 網路廣播 使用權 網路廣播是啥玩意?聽過technet網路廣播的人 會知道 是微軟的那個東東 是微軟那個可以在世界任何角落都可以相互交流學習的東東 it 解決方...

賣你 只是為了您

1997 學習dos 2009 完成it 解決方案 5 網路廣播 從來未賣過您 今天 我要大聲宣布 決定賣了您 賣了您 it 解決方案 5 網路廣播 使用權 網路廣播是啥玩意?聽過technet網路廣播的人 會知道 是微軟的那個東東 是微軟那個可以在世界任何角落都可以相互交流學習的東東 it 解決方...

你的努力,只是為了自己

人生並非都是選擇題,而是在做應用題,那要我們一點一滴的去論證,是取捨的過程,做錯了也沒關係。向前走,不必想太多,也不要害怕,相信夢想並堅持。有的人的生活像條死魚,有的人的像傳奇,有的人的像田園,你理想中的生活只能靠自己爭取。所以,趁年輕應該抓住機會去拼一把!新的一天,努力加油!生活總是艱辛,日子依然...