站長資訊網(wǎng)
        最全最豐富的資訊網(wǎng)站

        css中有哪些屬性可以繼承

        css可以繼承的屬性:color、font、quotes、cursor、page、windows、text-indent、font-size、font-style、direction、line-height、word-spacing等等。

        css中有哪些屬性可以繼承

        本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

        css 的繼承性是什么?

        在面向?qū)ο笳Z言都會(huì)存在繼承的概念,在面向?qū)ο笳Z言中,繼承的特點(diǎn):繼承了父類的屬性和方法。

        那么我們現(xiàn)在主要研究css,css就是在設(shè)置屬性的。不會(huì)牽扯到方法的層面。

        css的繼承:就是給父級(jí)設(shè)置一些屬性,子級(jí)繼承了父級(jí)的該屬性,這就是我們的css中的繼承。

        官方解釋,繼承是一種規(guī)則,它允許樣式不僅應(yīng)用于特定的html標(biāo)簽元素,而且應(yīng)用于其后代元素。

        示例:

        <!DOCTYPE html> <html> <head>   <meta charset="UTF-8">   <title>繼承性</title>   <style type="text/css">     div{         color: deeppink;         font-size: 40px;         background: aqua;         width: 400px;         height: 400px;     }   </style> </head> <body>   <div>       小白兔<span>白又白</span>兩只<span>耳朵</span>豎起來   </div> </body> </html>

        效果圖:

        css中有哪些屬性可以繼承

        css中哪些屬性可以繼承

        1、文本系列屬性

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

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

        line-height:行高

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

        letter-spacing:增加或減少字符間的空白(字符間距)

        text-transform:控制文本大小寫

        direction:規(guī)定文本的書寫方向

        color:文本顏色

        2、字體系列屬性

        font:組合字體

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

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

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

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

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

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

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

        3、表格布局屬性

        caption-side:設(shè)置表格標(biāo)題的位置。

        border-collapse:設(shè)置表格的邊框是否被合并為一個(gè)單一的邊框,還是象在標(biāo)準(zhǔn)的 HTML 中那樣分開顯示。

        border-spacing:設(shè)置相鄰單元格的邊框間的距離(僅用于"邊框分離"模式)。

        empty-cells:設(shè)置是否顯示表格中的空單元格(僅用于"分離邊框"模式)。

        table-layout:為表設(shè)置表格布局算法。

        4、列表布局屬性:

        list-style-type:設(shè)置列表項(xiàng)標(biāo)記的類型。

        list-style-image:使用圖像來替換列表項(xiàng)的標(biāo)記。

        list-style-position:指示如何相對(duì)于對(duì)象的內(nèi)容繪制列表項(xiàng)標(biāo)記。

        list-style:簡寫屬性在一個(gè)聲明中設(shè)置所有的列表屬性。

        5、元素可見性:visibility

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

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

        8、頁面樣式屬性: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

        (學(xué)習(xí)視頻分享:css視頻教程)

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)
        主站蜘蛛池模板: 国产精品美女久久久久| 国产精品一久久香蕉产线看| 国产2021精品视频免费播放| 午夜三级国产精品理论三级| 青青草精品视频| 精品日韩亚洲AV无码| 欧美午夜精品一区二区三区91| 欧美精品国产精品| 国产女主播精品大秀系列| 亚洲一区二区精品视频| 国产精品亚洲产品一区二区三区| aaa级精品久久久国产片| 日韩精品久久无码人妻中文字幕 | 先锋影音国产精品| 97精品伊人久久大香线蕉app| 亚洲国产精品无码一线岛国| 欧美国产成人精品一区二区三区 | 精品视频无码一区二区三区| 在线中文字幕精品第5页| 四虎精品成人免费视频| 久久久精品国产Sm最大网站| 国产精品久久久久久吹潮| 日本精品一区二区三区四区| 国产精品自产拍在线18禁| 99久久精品国产一区二区| 欧美国产日本精品一区二区三区 | 国产精品爽爽ⅴa在线观看| 99久久婷婷国产综合精品草原 | 日本加勒比久久精品| 蜜桃麻豆www久久国产精品| 久久久久久无码国产精品中文字幕| 国产午夜亚洲精品国产成人小说| 国产成人精品cao在线| 国产乱人伦偷精品视频不卡| 国产香蕉国产精品偷在线| 国产亚洲精品激情都市| 精品91自产拍在线观看 | 亚洲国产精品人人做人人爱| 亚洲国产精品日韩专区AV| 伊人精品久久久久7777| 无码精品A∨在线观看|