有沒(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---模擬虛擬搜索列表
更多關(guān)于“web前端培訓(xùn)”的問(wèn)題,歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學(xué),課程大綱緊跟企業(yè)需求,更科學(xué)更嚴(yán)謹(jǐn),每年培養(yǎng)泛IT人才近2萬(wàn)人。不論你是零基礎(chǔ)還是想提升,都可以找到適合的班型,千鋒教育隨時(shí)歡迎你來(lái)試聽(tīng)。