css特殊屬性標籤

2021-08-27 20:12:37 字數 4851 閱讀 1429

background:transparent;消除預設背景色

outline: none;消除邊框

1.css 背景屬性(background)

background

在乙個宣告中設定所有的背景屬性。

background-attachment

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

background-color

設定元素的背景顏色。

background-image

設定元素的背景影象。

background-position

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

background-repeat

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

2.css 邊框屬性(border 和 outline)

border

在乙個宣告中設定所有的邊框屬性。

border-bottom

在乙個宣告中設定所有的下邊框屬性。

border-bottom-color

設定下邊框的顏色。

border-bottom-style

設定下邊框的樣式。

border-bottom-width

設定下邊框的寬度。

border-color

設定四條邊框的顏色。

border-left

在乙個宣告中設定所有的左邊框屬性。

border-left-color

設定左邊框的顏色。

border-left-style

設定左邊框的樣式。

border-left-width

設定左邊框的寬度。

border-right

在乙個宣告中設定所有的右邊框屬性。

border-right-color

設定右邊框的顏色。

border-right-style

設定右邊框的樣式。

border-right-width

設定右邊框的寬度。

border-style

設定四條邊框的樣式。

border-top

在乙個宣告中設定所有的上邊框屬性。

border-top-color

設定上邊框的顏色。

border-top-style

設定上邊框的樣式。

border-top-width

設定上邊框的寬度。

border-width

設定四條邊框的寬度。

outline

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

outline-color

設定輪廓的顏色。

outline-style

設定輪廓的樣式。

outline-width

設定輪廓的寬度。

3.css 文字屬性(text)

color

設定文字的顏色。

direction

規定文字的方向 / 書寫方向。

letter-spacing

設定字元間距。

line-height

設定行高。

text-align

規定文字的水平對齊方式。

text-decoration

規定新增到文字的裝飾效果。

text-indent

規定文字塊首行的縮排。

text-shadow

規定新增到文字的陰影效果。

text-transform

控制文字的大小寫。

unicode-bidi

設定文字方向。

white-space

規定如何處理元素中的空白。

word-spacing

設定單詞間距。

4.css 字型屬性(font)

font

在乙個宣告中設定所有字型屬性。

font-family

規定文字的字型系列。

font-size

規定文字的字型尺寸。

font-size-adjust

為元素規定 aspect 值。

font-stretch

收縮或拉伸當前的字型系列。

font-style

規定文字的字型樣式。

font-variant

規定文字的字型樣式。

font-weight

規定字型的粗細。

5.css 外邊距屬性(margin)

margin

在乙個宣告中設定所有外邊距屬性。

margin-bottom

設定元素的下外邊距。

margin-left

設定元素的左外邊距。

margin-right

設定元素的右外邊距。

margin-top

設定元素的上外邊距。

6.css 內邊距屬性(padding)

padding

乙個宣告中設定所有內邊距屬性。

padding-bottom

設定元素的下內邊距。

padding-left

設定元素的左內邊距。

padding-right

設定元素的右內邊距。

padding-top

設定元素的上內邊距。

7.css 列表屬性(list)

list-style

在乙個宣告中設定所有的列表屬性。

list-style-image

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

list-style-position

設定列表項標記的放置位置。

list-style-type

設定列表項標記的型別。

marker-offset

8.內容生成(generated content)

content

與 :before 以及 :after 偽元素配合使用,來插入生成內容。

counter-increment

遞增或遞減乙個或多個計數器。

counter-reset

建立或重置乙個或多個計數器。

quotes

設定巢狀引用的引號型別。

9.css 尺寸屬性(dimension

height

設定元素高度。

max-height

設定元素的最大高度。

max-width

設定元素的最大寬度。

min-height

設定元素的最小高度。

min-width

設定元素的最小寬度。

width

設定元素的寬度。

10.css 定位屬性(positioning)

bottom

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

clear

規定元素的哪一側不允許其他浮動元素。

clip

剪裁絕對定位元素。

cursor

規定要顯示的游標的型別(形狀)。

display

規定元素應該生成的框的型別。

float

規定框是否應該浮動。

left

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

overflow

規定當內容溢位元素框時發生的事情。

position

規定元素的定位型別。

right

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

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

vertical-align

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

visibility

規定元素是否可見。

z-index

設定元素的堆疊順序。

12.css 列印屬性(print)

orphans

設定當元素內部發生分頁時必須在頁面底部保留的最少行數。

page-break-after

設定元素後的分頁行為。

page-break-before

設定元素前的分頁行為。

page-break-inside

設定元素內部的分頁行為。

widows

設定當元素內部發生分頁時必須在頁面頂部保留的最少行數。

13.css **屬性(table)

border-collapse

規定是否合併**邊框。

border-spacing

規定相鄰單元格邊框之間的距離。

caption-side

規定**標題的位置。

empty-cells

規定是否顯示**中的空單元格上的邊框和背景。

table-layout

設定用於**的布局演算法。

13.css 偽類(pseudo-classes)

:active

向被啟用的元素新增樣式。

:focus

向擁有鍵盤輸入焦點的元素新增樣式。

:hover

當滑鼠懸浮在元素上方時,向元素新增樣式。

:link

向未被訪問的鏈結新增樣式

:visited

向已被訪問的鏈結新增樣式。

:first-child

向元素的第乙個子元素新增樣式。

:lang

向帶有指定 lang 屬性的元素新增樣式。

css 偽元素(pseudo elements)

:first-letter

向文字的第乙個字母新增特殊樣式。

:first-line

向文字的首行新增特殊樣式。

:before

在元素之前新增內容

:after

在元素之後新增內容。

css的某些特殊屬性

當我們為同乙個元素設定了兩個css屬性時,這個元素會使用哪乙個屬性呢?class style css特殊性p p.stylep和.style都匹配到這個元素上,這個元素會選擇哪個呢?瀏覽器會選擇.style。這是根據乙個叫做權值的特性來決定的。哪種權值高就使用哪種樣式。權值規則 標籤權值 1 類選擇...

vue 特殊屬性

長用於構建動態元件且基於 dom 內模板的限制 插槽,推薦使用2.6.0新出的v slot 用於標記往哪個具名插槽中插入子元件內容。被 2.5.0 新增的 slot scope 取代。推薦 2.6.0 新增的 v slot 用於表示乙個作為帶作用域的插槽的 元素,它在 2.5.0 中被 slot s...

93 特殊屬性

python 特殊屬性 文件 python物件中包含了很多雙下劃線開始和結束的屬性,這些是特殊屬性,有特殊用法。這 裡我們列出常見的特殊屬性 ipython 執行效果 in 12 c c 3 in 13 cout 13 main c at in 14 dir c out 14 class delat...