web前端面試題合集（十一）

　　有沒有了解過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---模擬虛擬搜索列表

　　更多關于“web前端培訓”的問題，歡迎咨詢千鋒教育在線名師。千鋒教育多年辦學，課程大綱緊跟企業需求，更科學更嚴謹，每年培養泛IT人才近2萬人。不論你是零基礎還是想提升，都可以找到適合的班型，千鋒教育隨時歡迎你來試聽。