有沒有了解過box-sizing,除了border-box還用過哪些,有沒有用過其他的box-sizing的屬性值屬性
box-sizing從本質(zhì)角度觸發(fā),他控制盒子大小的尺寸,在這里里面他有兩個取值經(jīng)常被使用
- 1、box-sizing:content-box;content-box可以理解成計算盒子大小的時候從內(nèi)容區(qū)域開始進行計算,也就是計算的時候按照標準盒子模型進行計算;遵循W3C官方盒子模型的計算方法
如果是不攜帶box-sizing這個屬性的話,盒子模型的大小計算仍然按照標準盒子模型進行計算因為content-box是box-sizing屬性的默認值
- 2、box-sizing:border-box;border-box可以理解成計算盒子大小的時候從邊框區(qū)域進行計算,也就是按照怪異盒子模型的標準進行計算,遵循的是ie怪異盒子的標準,通過box-sizing:border-box能夠改變盒子模型的計算方法
語義化的理解?有哪些語義化標簽,有什么作用!
語義化:顧名思義,見名知意,通過明智知道意思;
在HTML5里面為了方便我們的開發(fā),W3C為我們提供了大量的語義化標簽,
通過這些語義化標簽能夠清楚的了解區(qū)塊的功能,也能讓頁面的結(jié)構(gòu)更加的簡化避免起類名和id名字
HTML5新增的語義化標簽有
header——標記頭部區(qū)域的內(nèi)容(用于整個頁面或頁面中的一塊區(qū)域)
footer——標記腳部區(qū)域的內(nèi)容(用于整個頁面或頁面中的一塊區(qū)域)
section——Web頁面中的一塊區(qū)域
article——獨立的文章內(nèi)容
aside——相關(guān)內(nèi)容或者引文
nav——導航類輔助內(nèi)容
main----主要內(nèi)容區(qū)域
figure----獨立的文檔流區(qū)域
figcaption---獨立文檔流區(qū)域標題
time------時間標簽
mark-----著重標記,默認高亮背景變黃
audio-----音頻
video-----視頻
canvas----繪圖
datalist---模擬虛擬搜索列表
更多關(guān)于“web前端培訓”的問題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學,課程大綱緊跟企業(yè)需求,更科學更嚴謹,每年培養(yǎng)泛IT人才近2萬人。不論你是零基礎(chǔ)還是想提升,都可以找到適合的班型,千鋒教育隨時歡迎你來試聽。