現(xiàn)在想調(diào)節(jié)—下父元素的透明度，但是又不影響子元素的透明度，怎么破?

　　- 原因分析：

　　- 使用css的opcity屬性改變某個(gè)元素的透明度，但是其元素下的子元素的透明度也會(huì)被改變，即便重定義也沒(méi)有用，不過(guò)有個(gè)方法可以實(shí)現(xiàn)，大家可以看看。

　　可以使用一張透明的圖片做背景可以達(dá)成效果，但是有沒(méi)有更簡(jiǎn)單的方法呢?使用 RGBA。

　　- 例如：

　　- 設(shè)置父元素opacity：0.5，子元素不設(shè)置opacity，子元素會(huì)受到父元素opacity的影響，也會(huì)有0.5的透明度。

　　即使設(shè)置子元素opacity：1，子元素的opacity：1也是在父元素的opacity：0.5的基礎(chǔ)上設(shè)置的，因此子元素的opacity還是0.5。

　　- 解決方法：

　　- 為父元素設(shè)置background: rgba(0,0,0,0.5)。

　　有沒(méi)有了解過(guò)box-sizing，除了border-box還用過(guò)哪些，有沒(méi)有用過(guò)其他的box-sizing的屬性值屬性

　　box-sizing從本質(zhì)角度觸發(fā)，他控制盒子大小的尺寸，在這里里面他有兩個(gè)取值經(jīng)常被使用

　　- 1、box-sizing:content-box;content-box可以理解成計(jì)算盒子大小的時(shí)候從內(nèi)容區(qū)域開(kāi)始進(jìn)行計(jì)算,也就是計(jì)算的時(shí)候按照標(biāo)準(zhǔn)盒子模型進(jìn)行計(jì)算;遵循W3C官方盒子模型的計(jì)算方法

　　如果是不攜帶box-sizing這個(gè)屬性的話,盒子模型的大小計(jì)算仍然按照標(biāo)準(zhǔn)盒子模型進(jìn)行計(jì)算因?yàn)閏ontent-box是box-sizing屬性的默認(rèn)值

　　- 2、box-sizing:border-box;border-box可以理解成計(jì)算盒子大小的時(shí)候從邊框區(qū)域進(jìn)行計(jì)算,也就是按照怪異盒子模型的標(biāo)準(zhǔn)進(jìn)行計(jì)算,遵循的是ie怪異盒子的標(biāo)準(zhǔn),通過(guò)box-sizing:border-box能夠改變盒子模型的計(jì)算方法

　　語(yǔ)義化的理解?有哪些語(yǔ)義化標(biāo)簽，有什么作用!

　　語(yǔ)義化:顧名思義,見(jiàn)名知意,通過(guò)明智知道意思;

　　在HTML5里面為了方便我們的開(kāi)發(fā),W3C為我們提供了大量的語(yǔ)義化標(biāo)簽,

　　通過(guò)這些語(yǔ)義化標(biāo)簽?zāi)軌蚯宄牧私鈪^(qū)塊的功能,也能讓頁(yè)面的結(jié)構(gòu)更加的簡(jiǎn)化避免起類名和id名字

　　HTML5新增的語(yǔ)義化標(biāo)簽有

　　header——標(biāo)記頭部區(qū)域的內(nèi)容(用于整個(gè)頁(yè)面或頁(yè)面中的一塊區(qū)域)

　　footer——標(biāo)記腳部區(qū)域的內(nèi)容(用于整個(gè)頁(yè)面或頁(yè)面中的一塊區(qū)域)

　　section——Web頁(yè)面中的一塊區(qū)域

　　article——獨(dú)立的文章內(nèi)容

　　aside——相關(guān)內(nèi)容或者引文

　　nav——導(dǎo)航類輔助內(nèi)容

　　main----主要內(nèi)容區(qū)域

　　figure----獨(dú)立的文檔流區(qū)域

　　figcaption---獨(dú)立文檔流區(qū)域標(biāo)題

　　time------時(shí)間標(biāo)簽

　　mark-----著重標(biāo)記,默認(rèn)高亮背景變黃

　　audio-----音頻

　　video-----視頻

　　canvas----繪圖

　　datalist---模擬虛擬搜索列表

　　#怎么實(shí)現(xiàn)三角形

```HTML

<div></div>

<style>

    div{

        /*為啥使用行內(nèi)塊元素,因?yàn)檫@樣能與前面文本橫向排列,避免浮動(dòng)*/

        display:inline-block;

        width:0px;

        height:0px;

        border:10px solid transparent;

        border-top:10px solid red

    }

</style>

```

　　更多關(guān)于html5培訓(xùn)的問(wèn)題，歡迎咨詢千鋒教育在線名師，如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話可以點(diǎn)擊咨詢課程顧問(wèn)，獲取試聽(tīng)資格來(lái)試聽(tīng)我們的課程，在線零距離接觸千鋒教育大咖名師，讓你輕松從入門(mén)到精通。