css中的樣式繼承,css可以繼承的樣式

怎么在css中繼承已有的css樣式

CSS中可以和不可以繼承的屬性：

讓客戶滿意是我們工作的目標(biāo)，不斷超越客戶的期望值來(lái)自于我們對(duì)這個(gè)行業(yè)的熱愛(ài)。我們立志把好的技術(shù)通過(guò)有效、簡(jiǎn)單的方式提供給客戶，將通過(guò)不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長(zhǎng)期合作伙伴，公司提供的服務(wù)項(xiàng)目有：域名注冊(cè)、虛擬空間、營(yíng)銷軟件、網(wǎng)站建設(shè)、吳興網(wǎng)站維護(hù)、網(wǎng)站推廣。

一、無(wú)繼承性的屬性

1、display：規(guī)定元素應(yīng)該生成的框的類型

2、文本屬性：

vertical-align：垂直文本對(duì)齊

text-decoration：規(guī)定添加到文本的裝飾

text-shadow：文本陰影效果

white-space：空白符的處理

unicode-bidi：設(shè)置文本的方向

3、盒子模型的屬性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left

4、背景屬性：background、background-color、background-image、background-repeat、background-position、background-attachment

5、定位屬性：float、clear、position、top、right、bottom、left、min-width、min-height、max-width、max-height、overflow、clip、z-index

6、生成內(nèi)容屬性：content、counter-reset、counter-increment

7、輪廓樣式屬性：outline-style、outline-width、outline-color、outline

8、頁(yè)面樣式屬性：size、page-break-before、page-break-after

9、聲音樣式屬性：pause-before、pause-after、pause、cue-before、cue-after、cue、play-during

二、有繼承性的屬性

1、字體系列屬性

font：組合字體

font-family：規(guī)定元素的字體系列

font-weight：設(shè)置字體的粗細(xì)

font-size：設(shè)置字體的尺寸

font-style：定義字體的風(fēng)格

font-variant：設(shè)置小型大寫(xiě)字母的字體顯示文本，這意味著所有的小寫(xiě)字母均會(huì)被轉(zhuǎn)換為大寫(xiě)，但是所有使用小型大寫(xiě)字體的字母與其余文本相比，其字體尺寸更小。

font-stretch：對(duì)當(dāng)前的?font-family 進(jìn)行伸縮變形。所有主流瀏覽器都不支持。

font-size-adjust：為某個(gè)元素規(guī)定一個(gè)?aspect 值，這樣就可以保持首選字體的 x-height。

2、文本系列屬性

text-indent：文本縮進(jìn)

text-align：文本水平對(duì)齊

line-height：行高

word-spacing：增加或減少單詞間的空白（即字間隔）

letter-spacing：增加或減少字符間的空白（字符間距）

text-transform：控制文本大小寫(xiě)

direction：規(guī)定文本的書(shū)寫(xiě)方向

color：文本顏色

3、元素可見(jiàn)性：visibility

4、表格布局屬性：caption-side、border-collapse、border-spacing、empty-cells、table-layout

5、列表布局屬性：list-style-type、list-style-image、list-style-position、list-style

6、生成內(nèi)容屬性：quotes

7、光標(biāo)屬性：cursor

8、頁(yè)面樣式屬性：page、page-break-inside、windows、orphans

9、聲音樣式屬性：speak、speak-punctuation、speak-numeral、speak-header、speech-rate、volume、voice-family、pitch、pitch-range、stress、richness、、azimuth、elevation

三、所有元素可以繼承的屬性

1、元素可見(jiàn)性：visibility

2、光標(biāo)屬性：cursor

四、內(nèi)聯(lián)元素可以繼承的屬性

1、字體系列屬性

2、除text-indent、text-align之外的文本系列屬性

五、塊級(jí)元素可以繼承的屬性

1、text-indent、text-align

北大青鳥(niǎo)java培訓(xùn)：CSS的層疊和繼承？

所謂的樣式表層疊：指的是同一個(gè)元素通過(guò)不同方式設(shè)置樣式表產(chǎn)生的樣式重疊。

電腦培訓(xùn)認(rèn)為樣式表繼承：指的是某一個(gè)被嵌套的元素得到它父元素樣式。

還有一種樣式叫瀏覽器樣式，是這個(gè)元素在這個(gè)瀏覽器運(yùn)行時(shí)默認(rèn)附加的樣式。

1.瀏覽器樣式b這個(gè)元素隱含加粗樣式/bspanstyle="font-weight:bold;"這個(gè)元素通過(guò)style加粗/span解釋：b元素就是具有加粗的隱含樣式，而span元素沒(méi)有任何隱含樣式，通過(guò)style屬性設(shè)置樣式。

2.樣式表層疊樣式表層疊通過(guò)五種方式進(jìn)行，如果樣式相同，那么比如會(huì)產(chǎn)生沖突替換。

這時(shí)，它的優(yōu)先級(jí)順序就顯的比較重要。

以下優(yōu)先級(jí)從低到高：(1).瀏覽器樣式（元素自身攜帶的樣式）；(2).外部引入樣式（使用link引入的樣式）；(3).文檔內(nèi)嵌樣式（使用style元素設(shè)置）；(4).元素內(nèi)嵌樣式（使用style屬性設(shè)置）。

3.樣式繼承如果某一個(gè)元素并沒(méi)有設(shè)置父元素相關(guān)的樣式，那么就會(huì)使用繼承機(jī)制將父元素的樣式集成下來(lái)。

//b元素繼承了p元素的樣式pstyle="color:red;"這是bHTML5/b/p樣式繼承只適用于元素的外觀（文字、顏色、字體等），而元素在頁(yè)面上的布局樣式則不會(huì)被繼承。

如果繼承這種樣式，就必須使用強(qiáng)制繼承：inherit。

怎么在css中繼承已有的css樣式？

比如a有如下的樣式：123456.a{????height:20px;????width:20px;????color:red;????margin:10px?20px;}

而b唯獨(dú)和a的樣式里顏色不同本應(yīng)該寫(xiě)：123456.b{????height:20px;????width:20px;????color:blue;????margin:10px?20px;}

這時(shí)候你就可改寫(xiě)：1234567891011.a,.b{????height:20px;????width:20px;????margin:10px?20px;}.a{????color:red;}.b{????color:blue;}

CSS是Cascading Style Sheet 的縮寫(xiě)。譯作層疊樣式表單。是用于(增強(qiáng))控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。

你可以用以下三種方式將樣式表加入您的網(wǎng)頁(yè)。而最接近目標(biāo)的樣式定義優(yōu)先權(quán)越高。高優(yōu)先權(quán)樣式將繼承低優(yōu)先權(quán)樣式的未重疊定義但覆蓋重疊的定義。

每個(gè)屬性都有一個(gè)指定的值：Inherit。它的意思是:將父對(duì)象的值等同為計(jì)算機(jī)值得到。這個(gè)值通常僅僅是備用的。顯式的聲明它可用來(lái)強(qiáng)調(diào)。

CSS哪些樣式屬性可以繼承

所有元素可繼承：

內(nèi)聯(lián)樣式：

塊狀樣式：

列表樣式：

表格樣式：

網(wǎng)頁(yè)標(biāo)題：css中的樣式繼承,css可以繼承的樣式
URL鏈接：http://muchs.cn/article34/phgope.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)、靜態(tài)網(wǎng)站、域名注冊(cè)、網(wǎng)站維護(hù)、云服務(wù)器

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)