前端學習(64) css繼承屬性小結

2021-10-01 08:14:17 字數 686 閱讀 4875

一、不能被繼承的屬性

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

2、文字屬性: 

vertical-align、 text-decoration、text-shadow 等

3、盒子模型的屬性:

width、height、margin 、border、border-style、padding 等

4、背景屬性:

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

5、定位屬性:

float、clear、position、top、left、right、bottom、overflow、z-index 等

二、能被繼承的屬性

1、字型系列屬性

font、font-family、font-weight、font-size、font-style 等

2、文字系列屬性

text-indent、 color、text-align、line-height、word-spacing 等

3、元素可見性:visibility

4、游標屬性:cursor

5、列表布局屬性:list-style

前端學習 Css 樣式的繼承

像兒子可以繼承父親的遺產一樣,在css中,祖先元素上的樣式,也會被他的後代元素所繼承,利用繼承,可以將一些基本的樣式設定給祖先元素,這樣所有的後代元素將會自動繼承這些樣式。但是並不是所有的樣式都會被子元素所繼承,比如 背景相關的樣式都不會被繼承 邊框相關的樣式 定位相關的 doctype html ...

前端學習 Css 字型的幾個屬性學習

可選值 normal,預設值,文字正常顯示 italic 文字會以斜體顯示 oblique 文字會以傾斜的效果顯示 大部分瀏覽器都不會對傾斜和斜體做區分,也就是說我們設定italic和oblique它們的效果往往是一樣的 一般我們只會使用italic 可選值 normal,預設值,文字正常顯示 bo...

前端學習 Css 屬性選擇器

屬性選擇器 根據元素的屬性選擇指定元素 語法 屬性名 選取含有指定屬性的元素 屬性名 屬性值 選取屬性值等於指定值的元素 屬性名 屬性值 選取屬性值以指定內容開頭的元素 屬性名 屬性值 選取屬性值以指定內容結尾的元素 屬性名 屬性值 選取屬性值中包含指定內容的元素 demo 注 這麼尷尬的詩句肯定不...