現在想調節—下父元素的透明度,但是又不影響子元素的透明度,怎么破?
- 原因分析:
- 使用css的opcity屬性改變某個元素的透明度,但是其元素下的子元素的透明度也會被改變,即便重定義也沒有用,不過有個方法可以實現,大家可以看看。
可以使用一張透明的圖片做背景可以達成效果,但是有沒有更簡單的方法呢?使用 RGBA。
- 例如:
- 設置父元素opacity:0.5,子元素不設置opacity,子元素會受到父元素opacity的影響,也會有0.5的透明度。
即使設置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.5的基礎上設置的,因此子元素的opacity還是0.5。
- 解決方法:
- 為父元素設置background: rgba(0,0,0,0.5)。
有沒有了解過box-sizing,除了border-box還用過哪些,有沒有用過其他的box-sizing的屬性值屬性
box-sizing從本質角度觸發,他控制盒子大小的尺寸,在這里里面他有兩個取值經常被使用
- 1、box-sizing:content-box;content-box可以理解成計算盒子大小的時候從內容區域開始進行計算,也就是計算的時候按照標準盒子模型進行計算;遵循W3C官方盒子模型的計算方法
如果是不攜帶box-sizing這個屬性的話,盒子模型的大小計算仍然按照標準盒子模型進行計算因為content-box是box-sizing屬性的默認值
- 2、box-sizing:border-box;border-box可以理解成計算盒子大小的時候從邊框區域進行計算,也就是按照怪異盒子模型的標準進行計算,遵循的是ie怪異盒子的標準,通過box-sizing:border-box能夠改變盒子模型的計算方法
語義化的理解?有哪些語義化標簽,有什么作用!
語義化:顧名思義,見名知意,通過明智知道意思;
在HTML5里面為了方便我們的開發,W3C為我們提供了大量的語義化標簽,
通過這些語義化標簽能夠清楚的了解區塊的功能,也能讓頁面的結構更加的簡化避免起類名和id名字
HTML5新增的語義化標簽有
header——標記頭部區域的內容(用于整個頁面或頁面中的一塊區域)
footer——標記腳部區域的內容(用于整個頁面或頁面中的一塊區域)
section——Web頁面中的一塊區域
article——獨立的文章內容
aside——相關內容或者引文
nav——導航類輔助內容
main----主要內容區域
figure----獨立的文檔流區域
figcaption---獨立文檔流區域標題
time------時間標簽
mark-----著重標記,默認高亮背景變黃
audio-----音頻
video-----視頻
canvas----繪圖
datalist---模擬虛擬搜索列表
#怎么實現三角形
```HTML
<div></div>
<style>
div{
/*為啥使用行內塊元素,因為這樣能與前面文本橫向排列,避免浮動*/
display:inline-block;
width:0px;
height:0px;
border:10px solid transparent;
border-top:10px solid red
}
</style>
```
更多關于html5培訓的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項目實操的話可以點擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。