HTML+CSS
1.講一下盒模型徘意，普通盒模型和怪異盒模型有什么區(qū)別？
答：盒模型本質(zhì)就是一個盒子轩褐，包括邊距椎咧，邊框和實際內(nèi)容
普通盒模型:
盒子總寬度計算公式: content width + padding + border + margin
怪異盒模型:
盒子總寬度計算公式: width(content+padding+border) + margin
2.塊元素和行內(nèi)元素區(qū)別是什么？常見塊元素和行內(nèi)元素有哪些把介？
答：塊元素獨占一行勤讽，行內(nèi)元素可以與其他行內(nèi)元素一行排列，直到排不下才另起一行
常見塊元素: p, div,h1,h2,h3,ul,ol,li
常見行內(nèi)元素: img,a,span
3.HTML語義化標(biāo)簽有哪些拗踢？
答：nav,aside,header,main,footer,article,strong,section
4.偽類和偽元素的區(qū)別是什么脚牍？
答: 偽類:沒有偽造元素
偽元素:偽造了一個元素
5.CSS如何實現(xiàn)垂直居中
答: 可以應(yīng)用flex布局，align-items
給目標(biāo)元素設(shè)置固定高度巢墅，然后設(shè)置樣式line-height 等于此高度
6.CSS常見選擇器有哪些?
答: 類選擇器诸狭、標(biāo)簽選擇器券膀、ID選擇器，全局選擇器
7.CSS的優(yōu)先級如何計算
答: 樣式上寫!important優(yōu)先級最高作谚，
行內(nèi)樣式>ID優(yōu)先級>類選擇器>標(biāo)簽選擇器
8.長度單位px三娩、em和rem的區(qū)別是什么庵芭？
答：px像素（Pixel）妹懒。相對長度單位。像素px是相對于顯示器屏幕分辨率而言的
em相對長度單位双吆，對于當(dāng)前對象內(nèi)文本的字體尺寸眨唬，會繼承父級元素的字體大小
rem仍然是相對大小，但相對的只是HTML根元素
9.講一下flex彈性盒布局好乐？
答：用來為盒子模型提供最大的靈活性,容器默認(rèn)存在兩根軸：水平的主軸（main axis）和垂直的交叉軸(側(cè)軸)（cross axis
10.浮動塌陷問題解決方法是什么匾竿？
答：1.開啟BFC塊級上下文
? ? ? ? 2.使用clear樣式清除浮動
? ? ? ? 3.給父元素添加一個偽類 after
11.position屬性的值有哪些？各個值是什么含義蔚万？
答: relative：相對于其正常位置進(jìn)行定位;根據(jù)top,bottom,right,left屬性的值進(jìn)行位置的調(diào)整
? ? ? absolute: 對于最近的定位祖先元素進(jìn)行定位;如果絕對定位的元素沒有祖先,那么將使用文檔主體(body)并隨頁面一起滾動
? ? ? static:?根據(jù)頁面的正常流進(jìn)行定位
? ? ? fixed:?相對于視口進(jìn)行定位,這意味著即使?jié)L動頁面,它也始終處于同一位置
12.BFC岭妖、IFC是什么?
答: BFC:?塊級格式化上下文
? ? ? ?IFC:?內(nèi)聯(lián)格式化上下文
