CSS常用屬性

2021-08-26 14:11:18 字數 4634 閱讀 4952

css驗證:

對不同元素應用同一樣式時,各選擇符之間用逗號隔開。

h1,h2 

h1 

繼承:樣式的繼承:字型顏色、字型、字型大小、字型寬度、字型樣式等可以被繼承,但**等屬性不能繼承。

body ,此時body中所有元素的字型都繼承該字型。

繼承的覆蓋:

p ,被應用的規則總是最具體的。

元素類:

定義元素類:

第一種:p.greentea

第二種:blockquote.greentea,p.greentea

第三種:.greentea

使用元素類:

使用多個元素類:

中間用空格隔開,如規格衝突,則選擇靠後的規則。

如css中有錯誤,則錯誤後面的所有規則都會被忽略。

css 背景屬性(background)

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

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

background-color 設定元素的背景顏色。 1

background-image 設定元素的背景影象。 1

background-position 設定背景影象的開始位置。 1

background-repeat 設定是否及如何重複背景影象。 1

css 邊框屬性(border 和 outline)

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

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

border-bottom-color 設定下邊框的顏色。 2

border-bottom-style 設定下邊框的樣式。 2

border-bottom-width 設定下邊框的寬度。 1

border-color 設定四條邊框的顏色。 1

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

border-left-color 設定左邊框的顏色。 2

border-left-style 設定左邊框的樣式。 2

border-left-width 設定左邊框的寬度。 1

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

border-right-color 設定右邊框的顏色。 2

border-right-style 設定右邊框的樣式。 2

border-right-width 設定右邊框的寬度。 1

border-style 設定四條邊框的樣式。 1

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

border-top-color 設定上邊框的顏色。 2

border-top-style 設定上邊框的樣式。 2

border-top-width 設定上邊框的寬度。 1

border-width 設定四條邊框的寬度。 1

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

outline-color 設定輪廓的顏色。 2

outline-style 設定輪廓的樣式。 2

outline-width 設定輪廓的寬度。 2

css 文字屬性(text)

color 設定文字的顏色。 1

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

letter-spacing 設定字元間距。 1

line-height 設定行高。 1

text-align 規定文字的水平對齊方式。 1

text-decoration 規定新增到文字的裝飾效果。 1

text-indent 規定文字塊首行的縮排。 1

text-shadow 規定新增到文字的陰影效果。 2

text-transform 控制文字的大小寫。 1

unicode-bidi 設定文字方向。 2

white-space 規定如何處理元素中的空白。 1

word-spacing 設定單詞間距。 1

css 字型屬性(font)

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

font-family 規定文字的字型系列。 1

font-size 規定文字的字型尺寸。 1

font-size-adjust 為元素規定 aspect 值。 2

font-stretch 收縮或拉伸當前的字型系列。 2

font-style 規定文字的字型樣式。 1

font-variant 規定文字的字型樣式。 1

font-weight 規定字型的粗細。 1

css 外邊距屬性(margin)

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

margin-bottom 設定元素的下外邊距。 1

margin-left 設定元素的左外邊距。 1

margin-right 設定元素的右外邊距。 1

margin-top 設定元素的上外邊距。 1

css 內邊距屬性(padding)

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

padding-bottom 設定元素的下內邊距。 1

padding-left 設定元素的左內邊距。 1

padding-right 設定元素的右內邊距。 1

padding-top 設定元素的上內邊距。

css 列表屬性(list)

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

list-style-image 將圖象設定為列表項標記。 1

list-style-position 設定列表項標記的放置位置。 1

list-style-type 設定列表項標記的型別。 1

marker-offset   2

內容生成(generated content)

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

counter-increment 遞增或遞減乙個或多個計數器。 2

counter-reset 建立或重置乙個或多個計數器。 2

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

css 尺寸屬性(dimension)

height 設定元素高度。 1

max-height 設定元素的最大高度。 2

max-width 設定元素的最大寬度。 2

min-height 設定元素的最小高度。 2

min-width 設定元素的最小寬度。 2

width 設定元素的寬度。

css 定位屬性(positioning)

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

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

clip 剪裁絕對定位元素。 2

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

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

float 規定框是否應該浮動。 1

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

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

position 規定元素的定位型別。 2

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

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

vertical-align 設定元素的垂直對齊方式。 1

visibility 規定元素是否可見。 2

z-index 設定元素的堆疊順序。 2

css 列印屬性(print)

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

page-break-after 設定元素後的分頁行為。 2

page-break-before 設定元素前的分頁行為。 2

page-break-inside 設定元素內部的分頁行為。 2

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

css **屬性(table)

border-collapse 規定是否合併**邊框。 2

border-spacing 規定相鄰單元格邊框之間的距離。 2

caption-side 規定**標題的位置。 2

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

table-layout 設定用於**的布局演算法。 2

css 偽類(pseudo-classes)

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

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

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

:link 向未被訪問的鏈結新增樣式。 1

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

:first-child 向元素的第乙個子元素新增樣式。 2

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

css 偽元素(pseudo elements)

:first-letter 向文字的第乙個字母新增特殊樣式。 1

:first-line 向文字的首行新增特殊樣式。 1

:before 在元素之前新增內容。 2

:after 在元素之後新增內容。 2

css 常用屬性

字型屬性 font 大小font size x large 特大 xx all 極小 一般中文用不到,只要用數值就可以,單位 px pd 樣式font style oblique 偏斜體 italic 斜體 normal 正常 行高line height normal 正常 單位 px pd em粗...

CSS常用屬性

css常用屬性 1.color,background color 表示顏色的關鍵字,16進製制數 中提供的color scheme工具 2.font family 該屬性的值可以是一組字型,按喜歡程度排序的字型列表。一些中文字型的列表 windows的一些 新細明體 pmingliu 細明體 min...

css常用屬性

文字屬性 font size font family 字型型別 文字屬性 color text decoration 下劃線 none underline text align 對齊方式 left center right 背景屬性 background color background image...