css的繼承性

2021-10-02 11:33:45 字數 2859 閱讀 6228

一、css的繼承性

(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的某些樣式是具有繼承性的,那麼什麼是繼承呢?繼承是一種規則,它允許樣式不僅應用於某個特定 html 標籤元素,而且應用於其後代。所有的css語句都是基於各個標籤的繼承關係的。但是並不是所有的屬性都能被繼承,一般的字型屬性都是能繼承的,不能繼承的例如邊框屬性 注意 孩子能繼承父親屬性,但是父親不...

css的繼承性

在物件導向語言都會存在繼承的概念,在物件導向語言中,繼承的特點 繼承了父類的屬性和方法。那麼我們現在主要研究css,css就是在設定屬性的。不會牽扯到方法的層面。css的繼承 就是給父級設定一些屬性,子級繼承了父級的該屬性,這就是我們的css中的繼承。官方解釋,繼承是一種規則,它允許樣式不僅應用於特...

CSS的繼承性

所謂css的繼承是指被包在內部的標籤將擁有外部標籤的樣式性質。繼承特性最典型的 應用通常發揮在整個網頁的樣式預設,需要指定為其它樣式的部份設定在個別元素裡即 可。這項特性可以給網頁設計者提供更理想的發揮空間。但同時繼承也有很多規則,應 用的時候容易讓人迷惑。css是層疊樣式表 cascading s...