在前端開發(fā)的行業(yè)中,CSS作為樣式設(shè)計(jì)的重要一環(huán),是應(yīng)聘者必須要掌握的技能之一。下面就讓我們來(lái)一起了解一些CSS面試中的知識(shí)要點(diǎn)。
/* 1.盒模型 */ box-sizing: content-box; //默認(rèn)模式 box-sizing: border-box; //IE模式 /* 2.選擇器 */ .class { } //類選擇器 #id { } //ID選擇器 element { } //元素選擇器 [attribute] { } //屬性選擇器 /* 3.層疊與繼承 */ z-index: 1; //層疊 font-size: inherit; //繼承 /* 4.浮動(dòng)與清除浮動(dòng) */ float: left; //浮動(dòng) .clearfix::after { //清除浮動(dòng) content: ""; display: table; clear: both; } /* 5.媒體查詢 */ @media screen and (max-width: 600px) { body { background-color: blue; } } /* 6.響應(yīng)式布局 */ @media screen and (max-width: 600px) { .box { width: 100%; float: none; } } /* 7.框架設(shè)計(jì) */ .flex-wrap { display: flex; flex-wrap: wrap; } .item { flex-basis: 25%; }
以上是一些CSS面試的關(guān)鍵知識(shí)點(diǎn),希望對(duì)你有所幫助。繼續(xù)努力學(xué)習(xí)與實(shí)踐,加油!