站長(zhǎng)資訊網(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(yǔ)言都會(huì)存在繼承的概念,在面向?qū)ο笳Z(yǔ)言中,繼承的特點(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>豎起來(lái)   </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:使用圖像來(lái)替換列表項(xiàng)的標(biāo)記。

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

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

        5、元素可見性:visibility

        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

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

        贊(0)
        分享到: 更多 (0)
        網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)
        主站蜘蛛池模板: 精品三级在线观看| 99久久精品免费| 亚洲精品久久久www| 99精品免费视频| 日韩精品人成在线播放| 亚洲国产综合精品一区在线播放| 国产精品igao视频网网址| 亚洲AV无码成人精品区狼人影院| 91精品婷婷国产综合久久| 99热门精品一区二区三区无码| 区亚洲欧美一级久久精品亚洲精品成人网久久久久 | 日本内射精品一区二区视频| 国产综合精品蜜芽| 亚洲精品成人av在线| 成人午夜精品网站在线观看| 亚洲国产精品va在线播放| 午夜精品久久久内射近拍高清| 精品97国产免费人成视频| 国产精品九九九| 99久久精品费精品国产| 久久精品嫩草影院| 国产在线精品观看免费观看| 丝袜美腿国产精品视频一区| 国产欧美久久久精品| 国产精品va无码一区二区| 国产精品视频第一区二区三区| 久久久久国产精品熟女影院| 亚洲国产精品国自产电影| 国产精品偷伦视频观看免费| 精品国产乱码一区二区三区| 久久久久久久久无码精品亚洲日韩| 亚洲国产精品VA在线观看麻豆| 亚洲精品无码久久毛片| 亚洲精品专区| 亚洲无线观看国产精品| 亚洲精品tv久久久久久久久| 亚洲AV无码成人精品区天堂| 日韩精品专区在线影院重磅| 精品久久久久久无码中文字幕一区| 精品无码一区二区三区爱欲九九 | 久久国产免费观看精品|