CSS特性之繼承性

2021-08-19 03:13:03 字數 2598 閱讀 4891

(1)文字屬性:

屬性說明

vertical-align

垂直文字對齊

text-decoration

規定新增到文字的裝飾

text-shadow

文字陰影效果

white-space

空白符的處理

unicode-bidi

設定文字的方向

(2)盒子模型的屬性:

屬性說明

width

寬度height

高度margin的各個系列

外邊距的各個系列

border的各個系列

邊框的各個系列

padding的各個系列

內邊距的各個系列

display

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

(3)背景屬性:

background、background-color、background-image、background-repeat、background-position、background-attachment

(4)定位屬性

float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

(5)生成內容屬性

content、counter-reset、counter-increment

(6)輪廓樣式屬性

outline-style、outline-width、outline-color、outline

(7)頁面樣式屬性

size、page-break-before、page-break-after

(8)聲音樣式屬性

pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

(1)字型系列屬性

屬性說明

font各個系列

font的各個系列,包括字首為font的各個屬性

(2)文字系列屬性

屬性說明

text-indent

文字縮排

text-align

文字水平對齊

line-height

行高word-spacing

增加或減少單詞間的空白(即字間隔)

letter-spacing

增加或減少字元間的空白(字元間距)

text-transform

控制文字大小寫

direction

規定文字的書寫方向

color

文字顏色

(3)元素可見性

屬性說明

visibility

規定元素是否可見。

(4)**布局屬性

屬性說明

caption-side

設定**標題的位置

border-collapse

設定**的邊框是否被合併為乙個單一的邊框

border-spacing

屬性設定相鄰單元格的邊框間的距離

empty-cells

設定是否顯示**中的空單元格

table-layout

用來顯示**單元格、行、列的演算法規則

(5)列表布局屬性

屬性說明

list-style的各個系列

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

(6)生成內容屬性

屬性說明

quotes

設定巢狀引用(embedded quotation)的引號型別

(7)游標屬性

屬性說明

cursor

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

(8)頁面樣式屬性

屬性說明

page

檢索或指定顯示物件容器時使用的頁面型別

page-break-inside

設定元素內部的 page-breaking 行為

orphans

設定或返回乙個元素必須在頁面底部的可見行的最小數量,只用於塊級元素

windows

表示當頁面內部要分頁的時候必須在頁面頂部保留的最少行數

(9)聲音樣式屬性

屬性說明

speak各個系列

指定內容是否會提供聽覺方式

volume

指定發言的音量

voice-family

設定或檢索當前聲音型別

pitch

指定講話聲音

pitch-range

指定講話聲音的變化。

stress

講話聲音在指定的地方"重音"

richness

設定或檢索當前聲音的音色

azimuth

設定聲音應該來自**

elevation

設定或檢索當前聲音的音源仰角

​ (1)元素可見性:visibility

​ (2)游標屬性:cursor

​ (1)字型系列屬性

​ (2)除text-indent、text-align之外的文字系列屬性

​ text-indent、text-align

CSS三大特性之繼承性

css有三大特性,分別是繼承性,層疊性,優先順序,這裡講解繼承性 繼承性是指指被包在內部的標籤將擁有外部標籤的樣式性,即子元素可以繼承父元素的屬性,例如下面的 div中包含2個p標籤,1個span標籤,當給div設定字型顏色為紅色時,他的子標籤會繼承父元素的屬性,因而會顯示紅色。在css中以text...

css三大特性之繼承性

css三大特性之繼承性 1.什麼是繼承性?作用 給父元素設定一些屬性,子元素也可以使用,這個我們就稱之為繼承性 注意點 1.並不是所有的屬性都可以繼承,只有以color font text line 開頭的屬性才可以繼承 2.在css的繼承中不僅僅是兒子可以繼承,只要是後代都可以繼承 3.繼承性中的...

css特性 層疊性,繼承性,優先順序

1.層疊性 多種css樣式的疊加 原則 1.樣式衝突時遵循 就近原則,哪個樣式離結構近,折行哪個 2.樣式不衝突時,不會層疊 口訣 長江後浪推前浪,前浪死在沙灘上 2.繼承性 子標籤會繼承父類的某些標籤,如文字顏色和字型大小 注意 1.前檔的使用繼承可以簡化 建簡化css樣式的複雜度 2.子元素可以...