css常見面試題 · 做前端有饅頭吃

* [使用css如何拉伸字體？](https://github.com/haizlin/fe-interview/issues/2617) * [寫出固定子容器在固定的父容器下水平垂直居中的布局](https://github.com/haizlin/fe-interview/issues/2613) * [在固定寬度的div下，怎么讓字體自適應大小，不超出寬度，也不要換行](https://github.com/haizlin/fe-interview/issues/2609) * [怎樣把單位cm轉換成px呢（在打印時有時會用到）？](https://github.com/haizlin/fe-interview/issues/2605) * [flex與其他有什么不同，用它有什么好處？](https://github.com/haizlin/fe-interview/issues/2601) * [pseudo-class與pseudo-element有什么區別？](https://github.com/haizlin/fe-interview/issues/2597) * [行內元素可以設置padding和margin嗎？](https://github.com/haizlin/fe-interview/issues/2591) * [如果要你自己設計一個css框架，說說你的思路](https://github.com/haizlin/fe-interview/issues/2587) * [使用css3畫個旋轉的立方體](https://github.com/haizlin/fe-interview/issues/2583) * [translate3D有什么作用？](https://github.com/haizlin/fe-interview/issues/2579) * [BFC與IFC有什么區別？](https://github.com/haizlin/fe-interview/issues/2575) * [舉例說明BFC會與float元素相互覆蓋嗎？為什么？](https://github.com/haizlin/fe-interview/issues/2571) * [如何形成BFC？](https://github.com/haizlin/fe-interview/issues/2567) * [為什么float會導致父元素塌陷？](https://github.com/haizlin/fe-interview/issues/2563) * [什么是逐幀動畫？](https://github.com/haizlin/fe-interview/issues/2559) * [什么是關鍵幀動畫？](https://github.com/haizlin/fe-interview/issues/2555) * [實現一個下拉不到底的橡皮筋效果](https://github.com/haizlin/fe-interview/issues/2550) * [如何取消頁面中選中的文字？](https://github.com/haizlin/fe-interview/issues/2546) * [為什么偽類的content不能被選中？](https://github.com/haizlin/fe-interview/issues/2542) * [舉例說說你對white-space屬性的理解](https://github.com/haizlin/fe-interview/issues/2538) * [::first-letter有什么應用場景？](https://github.com/haizlin/fe-interview/issues/2534) * [使用css畫一個餅圖的效果](https://github.com/haizlin/fe-interview/issues/2529) * [使用css如何設置背景虛化？](https://github.com/haizlin/fe-interview/issues/2525) * [舉例說明background-repeat的新屬性值：round和space的作用是什么？](https://github.com/haizlin/fe-interview/issues/2521) * [舉例說明with屬性的fill-available有什么應用場景？](https://github.com/haizlin/fe-interview/issues/2517) * [width屬性的min-content和max-content有什么作用？](https://github.com/haizlin/fe-interview/issues/2513) * [你用過outline屬性嗎？它有什么運用場景？](https://github.com/haizlin/fe-interview/issues/2509) * [為什么說css的選擇器一般不要超過三級？](https://github.com/haizlin/fe-interview/issues/2505) * [使用純CSS實現3D按鈕效果](https://github.com/haizlin/fe-interview/issues/2500) * [使用css實現太陽自轉同時地球圍著太陽公轉的效果](https://github.com/haizlin/fe-interview/issues/2496) * [你有用過animation-fill-mode屬性嗎？它有什么應用場景？](https://github.com/haizlin/fe-interview/issues/2492) * [當display:flex遇到white-space nowrap會對布局有什么樣的影響？如何解決？](https://github.com/haizlin/fe-interview/issues/2487) * [用css實現一個等腰三角形的小圖標](https://github.com/haizlin/fe-interview/issues/2483) * [使用css實現蒙版的效果](https://github.com/haizlin/fe-interview/issues/2479) * [使用css實現手風琴的效果](https://github.com/haizlin/fe-interview/issues/2469) * [父元素下有子元素，子元素也有高度但父元素的高度為何為0呢？分析下可能出現的原因及解決方法](https://github.com/haizlin/fe-interview/issues/2465) * [假如css的分號寫在聲明塊之外，將會發生什么呢？解釋下原因\[代碼\]](https://github.com/haizlin/fe-interview/issues/2461) * [如何阻止:hover、:active等鼠標行為狀態的觸發？](https://github.com/haizlin/fe-interview/issues/2457) * [在響應式布局中，如何使用純css使得塊元素等比縮放？](https://github.com/haizlin/fe-interview/issues/2453) * [用css畫一個平行四邊形](https://github.com/haizlin/fe-interview/issues/2449) * [H5如何禁止顯示系統菜單？](https://github.com/haizlin/fe-interview/issues/2445) * [如何讓表格單元格等寬顯示？](https://github.com/haizlin/fe-interview/issues/2441) * [固定的外框尺寸，里面的圖片尺寸不固定，如何讓圖像自適應外框呢？](https://github.com/haizlin/fe-interview/issues/2436) * [不用換行的標簽，怎么偽元素實現換行的效果？](https://github.com/haizlin/fe-interview/issues/2431) * [給一個圖片設置透明有哪些方式呢？](https://github.com/haizlin/fe-interview/issues/2424) * [box-sizing的寬度包含了哪些？](https://github.com/haizlin/fe-interview/issues/2419) * [判斷如下邊框的顏色，并解釋為什么\[代碼\]？](https://github.com/haizlin/fe-interview/issues/2415) * [如何使用偽元素實現增大點擊熱區來增加用戶體驗？](https://github.com/haizlin/fe-interview/issues/2411) * [怎么給手持設備添加特殊樣式？](https://github.com/haizlin/fe-interview/issues/2407) * [如何使用css顯示a鏈接的url？](https://github.com/haizlin/fe-interview/issues/2403) * [css中的url()要不要加引號？說說你的理解](https://github.com/haizlin/fe-interview/issues/2399) * [使用css寫一個垂直翻轉圖片的效果](https://github.com/haizlin/fe-interview/issues/2395) * [請寫出font屬性的快捷寫法](https://github.com/haizlin/fe-interview/issues/2391) * [舉例說明與打印有關的屬性有哪些？](https://github.com/haizlin/fe-interview/issues/2387) * [如何讓背景圖片固定不隨滾動條滾動？](https://github.com/haizlin/fe-interview/issues/2383) * [你用過css的tab-size屬性嗎？瀏覽器默認顯示tab為幾個空格？](https://github.com/haizlin/fe-interview/issues/2379) * [clear屬性只對塊級元素有效么？為何無法應用于行內元素？](https://github.com/haizlin/fe-interview/issues/2373) * [css的負邊距有哪些應用場景？](https://github.com/haizlin/fe-interview/issues/2369) * [你了解CSS Houdini嗎？說說它的運用場景有哪些？](https://github.com/haizlin/fe-interview/issues/2364) * [使用css畫個鐮刀形的月亮](https://github.com/haizlin/fe-interview/issues/2360) * [使用css寫一個紅綠燈交替的動畫效果](https://github.com/haizlin/fe-interview/issues/2352) * [除了可以用js跟蹤用戶信息外，如果不用js，使用純css怎么做呢？](https://github.com/haizlin/fe-interview/issues/2348) * [當拿到一個新的項目，讓你對這個項目的css做下架構設計，你該如何下手？](https://github.com/haizlin/fe-interview/issues/2344) * [表列舉一些你認為最“昂貴”的css屬性并解釋為什么](https://github.com/haizlin/fe-interview/issues/2340) * [為什么說css的選擇器是從右向左匹配？](https://github.com/haizlin/fe-interview/issues/2336) * [使用css實現霓虹燈效果](https://github.com/haizlin/fe-interview/issues/2332) * [:placeholder-shown和:focus-within這兩個偽類你有使用過嗎？說說看](https://github.com/haizlin/fe-interview/issues/2328) * [使用css實現氣泡框的效果](https://github.com/haizlin/fe-interview/issues/2324) * [說說sroll-snap-type屬性的運用場景有哪些？相關聯的屬性還有哪些？](https://github.com/haizlin/fe-interview/issues/2320) * [使用css實現一個loading的效果](https://github.com/haizlin/fe-interview/issues/2316) * [你有使用過css的混合模式mix-blend-mode和background-blend-mode嗎？](https://github.com/haizlin/fe-interview/issues/2312) * [使用負文本縮進text-indent: -9999px時有沒有遇到過什么奇怪的問題呢？怎么解決？](https://github.com/haizlin/fe-interview/issues/2307) * [你會經常用到偽元素嗎？一般都用在哪方面？](https://github.com/haizlin/fe-interview/issues/2303) * [用css畫出一把刻度尺](https://github.com/haizlin/fe-interview/issues/2299) * [說說position:sticky有什么應用場景？](https://github.com/haizlin/fe-interview/issues/2295) * [如何使用css給一個正方形添加一條對角斜線？](https://github.com/haizlin/fe-interview/issues/2291) * [舉例說明CSS特性檢測的方式有哪些？](https://github.com/haizlin/fe-interview/issues/2287) * [你們團隊中css的class命名采用的是什么方式呢？下劃線還是橫線還是駝峰？](https://github.com/haizlin/fe-interview/issues/2278) * [使用純css畫出一個右側滾動頂部進度條的效果](https://github.com/haizlin/fe-interview/issues/2271) * [一個項目中有很多無用的css代碼，怎么找到并清除這些無用的代碼？](https://github.com/haizlin/fe-interview/issues/2267) * [寫出在不固定寬高的元素在固定高度的情況下水平垂直居中的方法](https://github.com/haizlin/fe-interview/issues/2263) * [使用css畫一根燃燒中的蠟燭](https://github.com/haizlin/fe-interview/issues/2259) * [使用css畫個雞蛋](https://github.com/haizlin/fe-interview/issues/2255) * [CSS content屬性特殊字符有哪些？](https://github.com/haizlin/fe-interview/issues/2251) * [用css畫出一個圓圈，里面有個叉號（不能用英文字母x）](https://github.com/haizlin/fe-interview/issues/2247) * [用css畫出一個圓圈，里面有個對號](https://github.com/haizlin/fe-interview/issues/2245) * [用css畫出兩個大圓相交，可以在各自圓及相交部分輸入文字](https://github.com/haizlin/fe-interview/issues/2237) * [用css畫出中間一個大圓，四周有12個小圓環繞并和大圓是同心](https://github.com/haizlin/fe-interview/issues/2233) * [如何解決html設置height：100%無效的問題？](https://github.com/haizlin/fe-interview/issues/2222) * [css的height:100%和height:inherit有什么區別？](https://github.com/haizlin/fe-interview/issues/2218) * [css如何讓height:100%起作用？](https://github.com/haizlin/fe-interview/issues/2214) * [用css3實現偽3D的文字效果](https://github.com/haizlin/fe-interview/issues/2209) * [用css3實現文字發光的效果](https://github.com/haizlin/fe-interview/issues/2205) * [你有使用過css的屬性background-blend-mode嗎？說說它的運用場景有哪些？](https://github.com/haizlin/fe-interview/issues/2199) * [如何使用css實現鼠標跟隨？](https://github.com/haizlin/fe-interview/issues/2195) * [能不能使用純css使你的瀏覽器卡死？怎么實現？](https://github.com/haizlin/fe-interview/issues/2191) * [為什么說對opacity進行動畫要比box-shadow進行動畫性能更好呢？](https://github.com/haizlin/fe-interview/issues/2187) * [請問class與\[class=xxx\]的區別是什么？兩者是否等價？](https://github.com/haizlin/fe-interview/issues/2183) * [請使用純css實現波浪效果](https://github.com/haizlin/fe-interview/issues/2179) * [有哪些標簽是不支持偽元素的？](https://github.com/haizlin/fe-interview/issues/2173) * [如何重寫行內樣式？方法有哪些（至少兩種）？](https://github.com/haizlin/fe-interview/issues/2164) * [用css3畫出一個立體魔方](https://github.com/haizlin/fe-interview/issues/2160) * [舉例說明shape-outside的屬性的用途有哪些？](https://github.com/haizlin/fe-interview/issues/2156) * [ui設計中px、pt、ppi、dpi、dp、sp之間的關系？](https://github.com/haizlin/fe-interview/issues/2152) * [使用css畫個鐘表的時間刻度](https://github.com/haizlin/fe-interview/issues/2148) * [請使用css3實現圖片的平滑轉換](https://github.com/haizlin/fe-interview/issues/2135) * [使用純css能否監控到用戶的一些信息？怎么實現？](https://github.com/haizlin/fe-interview/issues/2126) * [在一個項目里，你是如何組織(架構)css代碼的？](https://github.com/haizlin/fe-interview/issues/2122) * [為了減小css文件的大小，怎么去除無用css呢？有哪些方法？](https://github.com/haizlin/fe-interview/issues/2112) * [css的加載會阻塞js運行嗎？為什么？](https://github.com/haizlin/fe-interview/issues/2108) * [css的加載會阻塞DOM樹解析和渲染嗎？為什么？](https://github.com/haizlin/fe-interview/issues/2104) * [異步加載CSS的方式有哪些？](https://github.com/haizlin/fe-interview/issues/2094) * [舉例說明如何從html元素繼承box-sizing？](https://github.com/haizlin/fe-interview/issues/2090) * [使用css的attr()寫一個類似a標簽title的提示框](https://github.com/haizlin/fe-interview/issues/2086) * [鼠標事件css的:hover和js的mouseover有什么區別？](https://github.com/haizlin/fe-interview/issues/2077) * [舉例說明你對指針事件（pointer-events）的理解](https://github.com/haizlin/fe-interview/issues/2067) * [如何用css實現把“我不愛996”變成“699愛不我”？](https://github.com/haizlin/fe-interview/issues/2063) * [scroll-snap-align屬性的應用場景是什么？](https://github.com/haizlin/fe-interview/issues/2058) * [css中Scroll-behavior屬性有什么應用場景？](https://github.com/haizlin/fe-interview/issues/2048) * [你有使用過css的writing-mode屬性嗎？說說它有哪些應用場景？](https://github.com/haizlin/fe-interview/issues/2044) * [使用css實現對話氣泡的效果](https://github.com/haizlin/fe-interview/issues/2039) * [如何隱藏沒有靜音、自動播放的音視頻？](https://github.com/haizlin/fe-interview/issues/2034) * [怎么使用css選擇空鏈接？](https://github.com/haizlin/fe-interview/issues/2024) * [說說你對table-layout的理解，它有什么運用場景？](https://github.com/haizlin/fe-interview/issues/2020) * [顏色hsla的字母分別表示什么？](https://github.com/haizlin/fe-interview/issues/2016) * [如何禁用移動的選擇高亮？](https://github.com/haizlin/fe-interview/issues/2012) * [使用css實現懸浮提示文本](https://github.com/haizlin/fe-interview/issues/2008) * [怎么設置可點擊的元素上強制手型？](https://github.com/haizlin/fe-interview/issues/2004) * [如何使用css實現跨瀏覽器的最小高度？](https://github.com/haizlin/fe-interview/issues/1995) * [使用css3實現一個斑馬線的效果](https://github.com/haizlin/fe-interview/issues/1986) * [使用純css來創建一個滑塊](https://github.com/haizlin/fe-interview/issues/1982) * [用css畫一個五邊形和一個六邊形](https://github.com/haizlin/fe-interview/issues/1978) * [你有沒有使用過“形似貓頭鷹”（例：`* + *{ ... }`）的選擇器？](https://github.com/haizlin/fe-interview/issues/1973) * [為什么說css中能用子代選擇器的時候不要用后代選擇器？](https://github.com/haizlin/fe-interview/issues/1968) * [如何給文字的color設置漸變](https://github.com/haizlin/fe-interview/issues/1964) * [如何在白天和黑夜自動切換頁面的顏色？](https://github.com/haizlin/fe-interview/issues/1958) * [CSS中哪些屬性會引起GPU渲染，會增加耗電嗎？](https://github.com/haizlin/fe-interview/issues/1954) * [flex布局的缺點有哪些？（除兼容性外）](https://github.com/haizlin/fe-interview/issues/1950) * [OOCSS有哪些好處？對應的庫有哪些？](https://github.com/haizlin/fe-interview/issues/1946) * [你知道什么是面向對象的css（oocss）嗎？有沒有實踐過？](https://github.com/haizlin/fe-interview/issues/1942) * [如何解決IE6浮動時產生雙倍邊距的BUG？](https://github.com/haizlin/fe-interview/issues/1933) * [如何讓IE6支持min-width和max-width？](https://github.com/haizlin/fe-interview/issues/1929) * [什么是hack？css的hack有哪些？](https://github.com/haizlin/fe-interview/issues/1925) * [padding會影響到元素的大小，那不想讓它影響到元素的寬度應該怎么辦？](https://github.com/haizlin/fe-interview/issues/1920) * [說說你對相對定位、絕對定位、固定定位的理解](https://github.com/haizlin/fe-interview/issues/1916) * [css中的選擇器、屬性、屬性值區分大小寫嗎？](https://github.com/haizlin/fe-interview/issues/1912) * [img標簽是行內元素，為什么卻能設置寬高？](https://github.com/haizlin/fe-interview/issues/1908) * [如何禁止長按保存或復制圖像？](https://github.com/haizlin/fe-interview/issues/1900) * [css的height:100%和height:inherit之間有什么區別呢？](https://github.com/haizlin/fe-interview/issues/1896) * [css的哪個屬性可以把所有元素或其父元素的屬性重置呢？](https://github.com/haizlin/fe-interview/issues/1892) * [如何取消從父級元素繼承下來的CSS樣式呢？](https://github.com/haizlin/fe-interview/issues/1881) * [說下你對css樣式的這幾個屬性值initial、inherit、unset、revert的理解](https://github.com/haizlin/fe-interview/issues/1877) * [如何解決css加載字體跨域的問題？](https://github.com/haizlin/fe-interview/issues/1873) * [當使用@font-face的時候，為什么src中要加入local呢？](https://github.com/haizlin/fe-interview/issues/1869) * [你有使用過font-size-adjust屬性嗎？說說它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1865) * [body{height:100%}和html,body{height:100%}有什么區別？為什么html要設置height:100%呢，html不就是整個窗口嗎？](https://github.com/haizlin/fe-interview/issues/1861) * [你所理解的css高級技巧有哪些？](https://github.com/haizlin/fe-interview/issues/1857) * [舉例說明跟字體相關的屬性有哪些？](https://github.com/haizlin/fe-interview/issues/1853) * [你知道字體所擁有的字重的數量和font-weight的數值字重是什么對應關系嗎？](https://github.com/haizlin/fe-interview/issues/1849) * [字體的粗細的屬性是用哪一個？它有哪些屬性值？](https://github.com/haizlin/fe-interview/issues/1845) * [用CSS實現一個輪播圖](https://github.com/haizlin/fe-interview/issues/1841) * [用CSS實現tab切換](https://github.com/haizlin/fe-interview/issues/1837) * [移動端1px像素的問題及解決方案是什么？](https://github.com/haizlin/fe-interview/issues/1833) * [如何將元素的所有css屬性恢復為初始化狀態？](https://github.com/haizlin/fe-interview/issues/1829) * [使用純css實現一個rate評分的功能](https://github.com/haizlin/fe-interview/issues/1825) * [css中的baseline，你知道嗎？](https://github.com/haizlin/fe-interview/issues/1821) * [你知道什么是動態偽類嗎？](https://github.com/haizlin/fe-interview/issues/1817) * [使用css3繪制一個QQ小企鵝的LOGO](https://github.com/haizlin/fe-interview/issues/1813) * [使用css3畫一個扇形](https://github.com/haizlin/fe-interview/issues/1809) * [請使用css3來模擬中/英文打字的效果](https://github.com/haizlin/fe-interview/issues/1805) * [使用css3繪制一個圓形動態的時鐘](https://github.com/haizlin/fe-interview/issues/1801) * [使用css將圖片轉換成黑白的效果](https://github.com/haizlin/fe-interview/issues/1797) * [說說你對css的合成與混合模式的理解](https://github.com/haizlin/fe-interview/issues/1793) * [一個頁面引用多個文件，如何防止樣式沖突？](https://github.com/haizlin/fe-interview/issues/1789) * [如何清除在項目中無用的css代碼呢？](https://github.com/haizlin/fe-interview/issues/1785) * [css圖片縮放失真出現鋸齒的如何解決呢？](https://github.com/haizlin/fe-interview/issues/1781) * [css如何消除字體的鋸齒？](https://github.com/haizlin/fe-interview/issues/1777) * [請使用CSS畫一個帶鋸齒形邊框圓圈](https://github.com/haizlin/fe-interview/issues/1773) * [sass是如何導入模塊的](https://github.com/haizlin/fe-interview/issues/1768) * [使用sass里，你是怎么組織你的sass文件的？](https://github.com/haizlin/fe-interview/issues/1764) * [說說sass有哪些你認為很棒的特性](https://github.com/haizlin/fe-interview/issues/1760) * [在sass中可以執行布爾運算嗎？](https://github.com/haizlin/fe-interview/issues/1755) * [你有用過sass中的Mixin功能嗎？它有哪些作用？](https://github.com/haizlin/fe-interview/issues/1751) * [檢測sass中錯誤的指令是哪個？](https://github.com/haizlin/fe-interview/issues/1747) * [說說你對sass的嵌套規則的理解？](https://github.com/haizlin/fe-interview/issues/1743) * [你認為sass和less的最大區別是什么呢？你喜歡哪個？為什么？](https://github.com/haizlin/fe-interview/issues/1739) * [sass是怎么定義變量的？](https://github.com/haizlin/fe-interview/issues/1735) * [使用sass的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1731) * [為什么要使用sass/less？](https://github.com/haizlin/fe-interview/issues/1727) * [你對偽類了解多少？分為幾大類？](https://github.com/haizlin/fe-interview/issues/1723) * [分析比較opacity: 0、visibility: hidden、display: none三者的優劣和適用場景](https://github.com/haizlin/fe-interview/issues/1719) * [你知道什么是CSS-in-JS嗎？說說你對它的了解](https://github.com/haizlin/fe-interview/issues/1715) * [你知道什么是聚焦環嗎？怎么解決呢？](https://github.com/haizlin/fe-interview/issues/1711) * [如何讓一個塊元素絕對居中？](https://github.com/haizlin/fe-interview/issues/1707) * [css的user-select:all 有什么用處？](https://github.com/haizlin/fe-interview/issues/1703) * [說說display:none和visibility:hidden的區別](https://github.com/haizlin/fe-interview/issues/1699) * [如何使用CSS繪制一個漢堡式菜單](https://github.com/haizlin/fe-interview/issues/1695) * [你是如何壓縮字體的？](https://github.com/haizlin/fe-interview/issues/1691) * [如何修改美化radio、checkbox的默認樣式？](https://github.com/haizlin/fe-interview/issues/1687) * [你有使用過postcss嗎？它和less/scss/stylus有什么區別？](https://github.com/haizlin/fe-interview/issues/1682) * [解釋下什么是PPI和DP？](https://github.com/haizlin/fe-interview/issues/1678) * [頭部設置meta也可以做到自適應為啥還要用rem？](https://github.com/haizlin/fe-interview/issues/1674) * [在rem下如何實現1像素？](https://github.com/haizlin/fe-interview/issues/1670) * [rem是如何實現自適應布局的？](https://github.com/haizlin/fe-interview/issues/1666) * [使用rem的優缺點是什么？和使用百分比有什么區別？](https://github.com/haizlin/fe-interview/issues/1662) * [當頁面采用rem布局時，如何解決用戶設置字體大小造成的頁面布局錯位？](https://github.com/haizlin/fe-interview/issues/1658) * [使用rem時應該注意什么？](https://github.com/haizlin/fe-interview/issues/1654) * [使用rem布局時怎樣合理設置根標簽字體大小？](https://github.com/haizlin/fe-interview/issues/1650) * [解釋下css3的flexbox（彈性盒布局模型），以及它應用場景有哪些？](https://github.com/haizlin/fe-interview/issues/1646) * [你有使用過vmax和vmin嗎？說說你對它們的理解](https://github.com/haizlin/fe-interview/issues/1642) * [如何設置背景圖片不隨著文本內容的滾動而滾動？](https://github.com/haizlin/fe-interview/issues/1638) * [css中兼容ie瀏覽器的前綴是什么?](https://github.com/haizlin/fe-interview/issues/1629) * [請問觸發hasLayout的后果是什么？](https://github.com/haizlin/fe-interview/issues/1625) * [css中class和id選擇器有什么區別？](https://github.com/haizlin/fe-interview/issues/1621) * [移動端頁面不滿一屏時如何實現滿屏背景？](https://github.com/haizlin/fe-interview/issues/1617) * [寫一個高度從0到auto的transition動畫](https://github.com/haizlin/fe-interview/issues/1613) * [如何使用CSS3的屬性設置模擬邊框跟border效果一樣？](https://github.com/haizlin/fe-interview/issues/1608) * [怎么IE6下在使用margin:0 auto;無法使其居中？](https://github.com/haizlin/fe-interview/issues/1604) * [使用css實現彩虹的效果](https://github.com/haizlin/fe-interview/issues/1600) * [css中padding和margin是相對于父元素還是子元素呢？](https://github.com/haizlin/fe-interview/issues/1595) * [當使用opacity時會使得元素的子元素也透明，此時不想要子元素也跟著透明怎么辦？](https://github.com/haizlin/fe-interview/issues/1591) * [在css中為什么說不建議使用@import？](https://github.com/haizlin/fe-interview/issues/1587) * [寫一個動畫，向上勻速移動100px，向下以1.5倍速度移動200px，一直反復循環](https://github.com/haizlin/fe-interview/issues/1583) * [說出至少十條你理解的css規范](https://github.com/haizlin/fe-interview/issues/1579) * [使用css畫出一個五角星](https://github.com/haizlin/fe-interview/issues/1575) * [使用overflow: scroll時不能平滑滾動怎樣解決？](https://github.com/haizlin/fe-interview/issues/1571) * [請說下你對css對象模型(CSSOM)的理解](https://github.com/haizlin/fe-interview/issues/1566) * [用css實現倒影的效果](https://github.com/haizlin/fe-interview/issues/1562) * [用css實現餅圖效果](https://github.com/haizlin/fe-interview/issues/1558) * [怎么使用純css實現左右拉伸拖動？](https://github.com/haizlin/fe-interview/issues/1554) * [舉例說明attr()的使用場景](https://github.com/haizlin/fe-interview/issues/1550) * [你有使用:valid和:invalid來校驗表單嗎？](https://github.com/haizlin/fe-interview/issues/1546) * [使用css寫一個水平翻轉文字的效果](https://github.com/haizlin/fe-interview/issues/1542) * [舉例說明:not()的使用場景有哪些](https://github.com/haizlin/fe-interview/issues/1538) * [怎么讓div中的圖片和文字同時上下居中？](https://github.com/haizlin/fe-interview/issues/1534) * [怎么使圖片寬度自適應呢？](https://github.com/haizlin/fe-interview/issues/1530) * [實現文本的豎向排版](https://github.com/haizlin/fe-interview/issues/1526) * [你有用過vw布局嗎？和使用rem有什么區別？](https://github.com/haizlin/fe-interview/issues/1521) * [舉例說明常用的cursor取值有哪些？](https://github.com/haizlin/fe-interview/issues/1517) * [舉例說明clear取值有哪些？](https://github.com/haizlin/fe-interview/issues/1513) * [請寫出:link、:visited、:hover、:active的執行順序](https://github.com/haizlin/fe-interview/issues/1509) * [實現一個上下固定，中間自動填滿的布局](https://github.com/haizlin/fe-interview/issues/1505) * [怎樣用純CSS實現禁止鼠標點擊事件？](https://github.com/haizlin/fe-interview/issues/1501) * [當全國哀悼日時，怎么讓整個網站變成灰色呢？](https://github.com/haizlin/fe-interview/issues/1497) * [如果給一個元素設置background-color,它的顏色會填充哪些區域呢？](https://github.com/haizlin/fe-interview/issues/1493) * [使用css3做一個魔方旋轉的效果](https://github.com/haizlin/fe-interview/issues/1489) * [手寫一個使用css3旋轉硬幣的效果](https://github.com/haizlin/fe-interview/issues/1485) * [height和line-height的區別是什么呢？](https://github.com/haizlin/fe-interview/issues/1481) * [請用css寫一個掃碼的加載動畫圖](https://github.com/haizlin/fe-interview/issues/1477) * [舉例說明偽類:focus-within的用法](https://github.com/haizlin/fe-interview/issues/1473) * [如何用css自定義滾動條？能做到所有瀏覽器兼容嗎？想要做兼容怎么辦呢？](https://github.com/haizlin/fe-interview/issues/1469) * [border-radius:50%和border-radius:100%有什么區別？](https://github.com/haizlin/fe-interview/issues/1465) * [如何使用CSS實現段落首字母或首字放大效果？](https://github.com/haizlin/fe-interview/issues/1461) * [如何給段落的首行縮進？](https://github.com/haizlin/fe-interview/issues/1457) * [你有去看過或者了解過css的標準文檔嗎？](https://github.com/haizlin/fe-interview/issues/1453) * [你知道CSS的標準發布流程嗎？](https://github.com/haizlin/fe-interview/issues/1449) * [你最希望css擁有什么樣的特性？（目前沒有的）](https://github.com/haizlin/fe-interview/issues/1445) * [解釋下為什么css的reset不建議直接這么寫：\*{ margin:0; padding:0;}？](https://github.com/haizlin/fe-interview/issues/1441) * [為什么說不提倡用1px的小尺寸圖片做背景平鋪？](https://github.com/haizlin/fe-interview/issues/1437) * [舉例說明css有哪些簡寫的屬性和屬性值？](https://github.com/haizlin/fe-interview/issues/1433) * [請說說顏色中#F00的每一位分別表示什么？為什么會有三位和六位的表示呢？](https://github.com/haizlin/fe-interview/issues/1429) * [請使用css寫一個多級的下拉菜單](https://github.com/haizlin/fe-interview/issues/1418) * [用css給一個元素加邊框有哪些方法？](https://github.com/haizlin/fe-interview/issues/1414) * [相鄰兄弟選擇器、后代選擇器和子選擇器三者有什么區別？](https://github.com/haizlin/fe-interview/issues/1409) * [舉例說明你對相鄰兄弟選擇器的理解](https://github.com/haizlin/fe-interview/issues/1404) * [你是怎么設計css sprites（精靈圖）的？有哪些技巧？](https://github.com/haizlin/fe-interview/issues/1384) * [請描述下你對translate()方法的理解](https://github.com/haizlin/fe-interview/issues/1380) * [怎樣去除圖片自帶的邊距？](https://github.com/haizlin/fe-interview/issues/1376) * [讓你手寫一個reset的文件，你應該怎么寫？要考慮哪些方面呢？](https://github.com/haizlin/fe-interview/issues/1372) * [你知道css的預處理器和后處理器都有哪些嗎？它們有什么區別呢？](https://github.com/haizlin/fe-interview/issues/1368) * [請使用css畫一個圓，方法可以多種](https://github.com/haizlin/fe-interview/issues/1364) * [css中最常用的字體有哪些？你是怎么選擇字體的？](https://github.com/haizlin/fe-interview/issues/1346) * [請舉例說明css有哪些不可繼承的屬性？](https://github.com/haizlin/fe-interview/issues/1342) * [你有使用過preload、preconnect、prefetch這些屬性嗎？說說它們都有什么作用？](https://github.com/haizlin/fe-interview/issues/1338) * [你是怎樣對css文件進行壓縮合并的？](https://github.com/haizlin/fe-interview/issues/1334) * [如果css文件過大時，如何異步加載它？](https://github.com/haizlin/fe-interview/issues/1330) * [css3和css2的區別是什么？](https://github.com/haizlin/fe-interview/issues/1316) * [你有使用過字體圖標嗎？它有什么好處？](https://github.com/haizlin/fe-interview/issues/1312) * [你知道什么是流體排版嗎？說說它的原理是什么？](https://github.com/haizlin/fe-interview/issues/1297) * [請說說你對vh、vw的理解以及它們的運用場景是什么？](https://github.com/haizlin/fe-interview/issues/1293) * [css怎么更改表單的單選框或下拉框的默認樣式？](https://github.com/haizlin/fe-interview/issues/1288) * [你了解css3的currentColor嗎？舉例說明它的作用是什么？](https://github.com/haizlin/fe-interview/issues/1284) * [怎么去掉點擊a鏈接或者圖片出現的邊框？](https://github.com/haizlin/fe-interview/issues/1280) * [css的linear-gradient有什么作用呢？](https://github.com/haizlin/fe-interview/issues/1276) * [會引起Reflow和Repaint的操作有哪些？](https://github.com/haizlin/fe-interview/issues/1272) * [你有用過clip-path嗎？說說你對它的理解和它都有哪些運用場景？](https://github.com/haizlin/fe-interview/issues/1268) * [你是怎么選擇resetting和normalizing的？為什么？](https://github.com/haizlin/fe-interview/issues/1264) * [position跟margin collapse這些特性相互疊加后會怎么樣？](https://github.com/haizlin/fe-interview/issues/1260) * [移動端的布局用過媒體查詢嗎？寫一個試試](https://github.com/haizlin/fe-interview/issues/1256) * [舉例說明你知道的css技巧有哪些？](https://github.com/haizlin/fe-interview/issues/1252) * [判斷第一行和第二行的顏色分別是什么？并解釋為什么？\[代碼\]](https://github.com/haizlin/fe-interview/issues/1248) * [用css怎么實現兩端對齊？](https://github.com/haizlin/fe-interview/issues/1234) * [你有用過彈性布局嗎？說說你對它的理解](https://github.com/haizlin/fe-interview/issues/1230) * [外邊距重疊是什么？重疊的結果是什么？怎么防止外邊距重疊？](https://github.com/haizlin/fe-interview/issues/1226) * [css中的border:none和border:0px有什么區別？](https://github.com/haizlin/fe-interview/issues/1222) * [如何寫高效的CSS？](https://github.com/haizlin/fe-interview/issues/1218) * [如何做圖片預覽，如何放大一個圖片？](https://github.com/haizlin/fe-interview/issues/1214) * [舉例說明在css3中怎么實現背景裁剪？](https://github.com/haizlin/fe-interview/issues/1210) * [如何使用CSS的多列布局？](https://github.com/haizlin/fe-interview/issues/1206) * [請說說CSS3實現文本效果的屬性有哪些？](https://github.com/haizlin/fe-interview/issues/1202) * [請說說在什么時候用transition？什么時候使用animation？](https://github.com/haizlin/fe-interview/issues/1198) * [說說響應式設計(responsive design)和自適應設計(adaptive design)的區別？](https://github.com/haizlin/fe-interview/issues/1183) * [什么是脫離文檔流？有什么辦法可以讓元素脫離標準的文檔流？](https://github.com/haizlin/fe-interview/issues/1179) * [請問background-attachmentn屬性有什么用途？](https://github.com/haizlin/fe-interview/issues/1175) * [移動頁面底部工具條有3個圖標，如何平分？在設置邊框后最后一個圖標掉下去了怎么辦？](https://github.com/haizlin/fe-interview/issues/1170) * [css怎樣使每個字符寬度一樣？](https://github.com/haizlin/fe-interview/issues/1166) * [說下你對background-size的理解，它有什么運用場景？](https://github.com/haizlin/fe-interview/issues/1162) * [如何自定義radio按鈕的樣式](https://github.com/haizlin/fe-interview/issues/1158) * [word-wrap、word-break和white-space有什么區別？](https://github.com/haizlin/fe-interview/issues/1153) * [說說你對字母"X"在CSS中有什么作用？](https://github.com/haizlin/fe-interview/issues/1149) * [CSS3中的transition是否可以過渡opacity和display？](https://github.com/haizlin/fe-interview/issues/1145) * [說下background-color:transparent和opacity:0的區別是什么？](https://github.com/haizlin/fe-interview/issues/1141) * [你有用過IE css的expression表達式嗎？說說你對它的理解和它有什么作用呢？](https://github.com/haizlin/fe-interview/issues/1137) * [z-index有時不起作用的原因是什么？怎么解決？](https://github.com/haizlin/fe-interview/issues/1133) * [你有了解css計數器（序列數字字符自動遞增）嗎？如何通過css的content屬性實現呢？](https://github.com/haizlin/fe-interview/issues/1129) * [說說你對css的will-change屬性的理解，它有什么作用呢？](https://github.com/haizlin/fe-interview/issues/1125) * [transition、animation、transform三者有什么區別？](https://github.com/haizlin/fe-interview/issues/1121) * [如何使用css3實現一個div設置多張背景圖片？](https://github.com/haizlin/fe-interview/issues/1117) * [有哪些方式可以對一個DOM設置它的CSS樣式？](https://github.com/haizlin/fe-interview/issues/1113) * [舉例說明實現圓角的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1109) * [有用過scss和sass嗎？說說它們之間的區別是什么？](https://github.com/haizlin/fe-interview/issues/1105) * [absolute的containing block（容器塊）計算方式和正常流有什么區別？](https://github.com/haizlin/fe-interview/issues/1101) * [說說visibility屬性的collapse屬性值有什么作用？在不同瀏覽器下有什么區別？](https://github.com/haizlin/fe-interview/issues/1097) * [說說你對min-width和max-width的理解，它們有什么運用場景？](https://github.com/haizlin/fe-interview/issues/1093) * [說說你對hasLayout的理解，觸發hasLayout的方式有哪些？](https://github.com/haizlin/fe-interview/issues/1089) * [使用純CSS代碼實現動畫的暫停與播放](https://github.com/haizlin/fe-interview/issues/1084) * [舉例說明偽類:nth-child、:first-child與:first-of-type這三者有什么不同？](https://github.com/haizlin/fe-interview/issues/1079) * [什么是zoom？它有什么作用？](https://github.com/haizlin/fe-interview/issues/1074) * [舉例說明微信端兼容問題有哪些？](https://github.com/haizlin/fe-interview/issues/1070) * [請舉例說明偽元素 (pseudo-elements) 有哪些用途？](https://github.com/haizlin/fe-interview/issues/1066) * [設置字體時為什么建議設置替換字體？](https://github.com/haizlin/fe-interview/issues/1062) * [你有沒有自己寫過一套UI庫？說下遇到哪些難點？](https://github.com/haizlin/fe-interview/issues/1058) * [說說你對GPU的理解，舉例說明哪些元素能觸發GPU硬件加速？](https://github.com/haizlin/fe-interview/issues/1054) * [你知道CSS中的字母"C"代表什么嗎？](https://github.com/haizlin/fe-interview/issues/1050) * [怎么自定義鼠標指針的圖案？](https://github.com/haizlin/fe-interview/issues/1046) * [Reset CSS和Normalize CSS的區別是什么？](https://github.com/haizlin/fe-interview/issues/1042) * [為什么要使用css sprites？](https://github.com/haizlin/fe-interview/issues/1038) * [標簽、class和id選擇器三者的區別是什么？分別在什么時候用？](https://github.com/haizlin/fe-interview/issues/1034) * [舉例說明時間、頻率、角度、弧度、百分度的單位分別是哪些？](https://github.com/haizlin/fe-interview/issues/1030) * [你有用過table布局嗎？說說你的感受](https://github.com/haizlin/fe-interview/issues/1026) * [說說你對設備像素比的理解](https://github.com/haizlin/fe-interview/issues/1022) * [說下你對cursor屬性的理解](https://github.com/haizlin/fe-interview/issues/1018) * [position的relative和absolute定位原點是哪里？](https://github.com/haizlin/fe-interview/issues/1014) * [過渡和動畫的區別是什么？](https://github.com/haizlin/fe-interview/issues/1010) * [CSS中的calc()有什么作用？](https://github.com/haizlin/fe-interview/issues/1006) * [怎么實現移動端的邊框0.5px？](https://github.com/haizlin/fe-interview/issues/1002) * [行內元素和塊級元素有什么區別，如何相互轉換？](https://github.com/haizlin/fe-interview/issues/997) * [說說你對低版本IE的盒子模型的理解](https://github.com/haizlin/fe-interview/issues/993) * [你是如何規劃響應式布局的？](https://github.com/haizlin/fe-interview/issues/989) * [說說你對前端二倍圖的理解？移動端使用二倍圖比一倍圖有什么好處？](https://github.com/haizlin/fe-interview/issues/985) * [如何讓大小不同的圖片等比縮放不變形顯示在固定大小的div里？寫個例子](https://github.com/haizlin/fe-interview/issues/980) * [你對視網膜(Retina)分辨率有了解嗎？有沒有在實際中使用過？](https://github.com/haizlin/fe-interview/issues/976) * [移動端微信頁面有哪些兼容性問題及解決方案是什么？](https://github.com/haizlin/fe-interview/issues/972) * [如何更改placeholder的字體顏色和大小？](https://github.com/haizlin/fe-interview/issues/968) * [行內css和important哪個優先級高？](https://github.com/haizlin/fe-interview/issues/963) * [當一個元素被設置為浮動后，它的display值變為什么呢？](https://github.com/haizlin/fe-interview/issues/959) * [為什么會出現浮動？在什么時候需要清除浮動呢？](https://github.com/haizlin/fe-interview/issues/955) * [寫出div在不固定高度的情況下水平垂直居中的方法？](https://github.com/haizlin/fe-interview/issues/907) * [移動端的布局用過媒體查詢嗎？寫出例子看看](https://github.com/haizlin/fe-interview/issues/903) * [CSS的偽類和偽對象有什么不同？](https://github.com/haizlin/fe-interview/issues/758) * [CSS的overflow屬性定義溢出元素內容區的內容會如何處理呢](https://github.com/haizlin/fe-interview/issues/748) * [外層有一個自適應高度的div，里面有兩個div，一個高度固定300px，另一個怎么填滿剩余的高度？](https://github.com/haizlin/fe-interview/issues/744) * [說說你對CSS樣式覆蓋規則的理解](https://github.com/haizlin/fe-interview/issues/608) * [寫出幾個初始化CSS的樣式，并解釋說明為什么要這樣寫](https://github.com/haizlin/fe-interview/issues/601) * [display有哪些值？分別說明他們的作用是什么？](https://github.com/haizlin/fe-interview/issues/597) * [怎么讓body高度自適應屏幕？為什么？](https://github.com/haizlin/fe-interview/issues/593) * [font-style的屬性有Italic和oblique，兩者有什么區別呢](https://github.com/haizlin/fe-interview/issues/589) * [IE(6/7/8/9/10/11/Edge)下的hack寫法分別有哪些？](https://github.com/haizlin/fe-interview/issues/585) * [寫出你遇到過IE6/7/8/9的BUG及解決方法](https://github.com/haizlin/fe-interview/issues/581) * [舉例說明css的基本語句構成是什么呢？](https://github.com/haizlin/fe-interview/issues/577) * [寫例子說明如何強制（自動）中、英文換行與不換行](https://github.com/haizlin/fe-interview/issues/573) * [說說你對BEM規范的理解，同時舉例說明常見的CSS規范有哪些？](https://github.com/haizlin/fe-interview/issues/569) * [遇到overflow: scroll不能平滑滾動怎么解決？](https://github.com/haizlin/fe-interview/issues/563) * [請問display:inline-block在什么時候會顯示間隙？](https://github.com/haizlin/fe-interview/issues/531) * [用CSS畫出一個任意角度的扇形，可以寫多種實現的方法](https://github.com/haizlin/fe-interview/issues/527) * [請你解釋下什么是浮動和它的工作原理是什么？同時浮動會引起什么問題？](https://github.com/haizlin/fe-interview/issues/522) * [說說你對!important的理解，一般在哪些場景使用？](https://github.com/haizlin/fe-interview/issues/518) * [在實際編寫css中你有遇到過哪些瀏覽器兼容性的問題？怎么解決的？](https://github.com/haizlin/fe-interview/issues/514) * [怎么改變選中文本的文字顏色和背景色？](https://github.com/haizlin/fe-interview/issues/510) * [你對響應式設計的理解是什么？知道它基本的原理是嗎？要想兼容低版本的IE怎么做呢？](https://github.com/haizlin/fe-interview/issues/503) * [你有使用過哪些柵格系統？都有什么區別呢？](https://github.com/haizlin/fe-interview/issues/499) * [請說說\*{box-sizing: border-box;}的作用及好處有哪些？](https://github.com/haizlin/fe-interview/issues/495) * [說說你對jpg、png、gif的理解，分別在什么場景下使用？有使用過webp嗎？](https://github.com/haizlin/fe-interview/issues/491) * [如何消除transition閃屏？](https://github.com/haizlin/fe-interview/issues/408) * [元素豎向的百分比設置是相對容器的高度嗎？](https://github.com/haizlin/fe-interview/issues/404) * [用CSS繪制一個紅色的愛心](https://github.com/haizlin/fe-interview/issues/300) * [舉例說明css中顏色的表示方法有幾種](https://github.com/haizlin/fe-interview/issues/294) * [說說position的absolute和fixed共同與不同點分別是什么？](https://github.com/haizlin/fe-interview/issues/280) * [手動寫動畫最小時間間隔是多少，為什么？](https://github.com/haizlin/fe-interview/issues/276) * [怎樣把一個div居中？怎樣把一個浮動元素居中？怎樣把絕對定位的div居中？](https://github.com/haizlin/fe-interview/issues/255) * [用css畫一個太陽](https://github.com/haizlin/fe-interview/issues/251) * [你有用過哪些css框架？說說它們的特點](https://github.com/haizlin/fe-interview/issues/245) * [box-sizing常用的屬性有哪些？分別有什么作用？](https://github.com/haizlin/fe-interview/issues/241) * [inline、block、inline-block這三個屬性值有什么區別？](https://github.com/haizlin/fe-interview/issues/237) * [margin和padding使用的場景有哪些？](https://github.com/haizlin/fe-interview/issues/220) * [什么是視差滾動？如何實現視差滾動的效果？](https://github.com/haizlin/fe-interview/issues/216) * [css3的:nth-child和:nth-of-type的區別是什么？](https://github.com/haizlin/fe-interview/issues/212) * [怎么使用自定義字體？有什么注意事項？](https://github.com/haizlin/fe-interview/issues/208) * [要是position跟display、overflow、float這些特性相互疊加后會怎么樣？](https://github.com/haizlin/fe-interview/issues/203) * [有用過Flex嗎？簡要說下你對它的了解](https://github.com/haizlin/fe-interview/issues/199) * [如何實現換膚功能？](https://github.com/haizlin/fe-interview/issues/193) * [列舉CSS優化、提高性能的方法](https://github.com/haizlin/fe-interview/issues/190) * [假如設計稿使用了非標準的字體，你該如何去實現它？](https://github.com/haizlin/fe-interview/issues/186) * [你知道全屏滾動的原理是什么嗎？它用到了CSS的哪些屬性？](https://github.com/haizlin/fe-interview/issues/182) * [你是怎樣抽離樣式模塊的？](https://github.com/haizlin/fe-interview/issues/178) * [說說你對媒體查詢的理解](https://github.com/haizlin/fe-interview/issues/174) * [你知道的等高布局有多少種？寫出來](https://github.com/haizlin/fe-interview/issues/170) * [手寫一個滿屏品字布局的方案](https://github.com/haizlin/fe-interview/issues/166) * [span與span之間有看不見的空白間隔是什么原因引起的？有什么解決辦法？](https://github.com/haizlin/fe-interview/issues/162) * [重置（初始化）css的作用是什么？](https://github.com/haizlin/fe-interview/issues/158) * [怎么讓英文單詞的首字母大寫？](https://github.com/haizlin/fe-interview/issues/153) * [怎么才能讓圖文不可復制？](https://github.com/haizlin/fe-interview/issues/149) * [寫出你知道的CSS水平和垂直居中的方法](https://github.com/haizlin/fe-interview/issues/145) * [實現單行文本居中和多行文本左對齊并超出顯示"..."](https://github.com/haizlin/fe-interview/issues/141) * [不使用border畫出1px高的線，在不同瀏覽器的標準和怪異模式下都能保持效果一樣](https://github.com/haizlin/fe-interview/issues/137) * [寫出主流瀏覽器內核私有屬性的css前綴](https://github.com/haizlin/fe-interview/issues/133) * [使用flex實現三欄布局，兩邊固定，中間自適應](https://github.com/haizlin/fe-interview/issues/129) * [瀏覽器是怎樣判斷元素是否和某個CSS選擇器匹配？](https://github.com/haizlin/fe-interview/issues/123) * [用CSS繪制一個三角形](https://github.com/haizlin/fe-interview/issues/119) * [說下line-height三種賦值方式有何區別？](https://github.com/haizlin/fe-interview/issues/115) * [讓網頁的字體變得清晰，變細用CSS怎么做？](https://github.com/haizlin/fe-interview/issues/111) * [描述下你所了解的圖片格式及使用場景](https://github.com/haizlin/fe-interview/issues/107) * [請描述css的權重計算規則](https://github.com/haizlin/fe-interview/issues/103) * [rgba()和opacity這兩個的透明效果有什么區別呢？](https://github.com/haizlin/fe-interview/issues/99) * [怎樣修改chrome記住密碼后自動填充表單的黃色背景？](https://github.com/haizlin/fe-interview/issues/95) * [說說你對z-index的理解](https://github.com/haizlin/fe-interview/issues/91) * [在頁面中的應該使用奇數還是偶數的字體？為什么呢？](https://github.com/haizlin/fe-interview/issues/87) * [你有用過CSS預處理器嗎？喜歡用哪個？原理是什么？](https://github.com/haizlin/fe-interview/issues/83) * [說說CSS的優先級是如何計算的？](https://github.com/haizlin/fe-interview/issues/79) * [說說瀏覽器解析CSS選擇器的過程？](https://github.com/haizlin/fe-interview/issues/75) * [說說你對line-height是如何理解的？](https://github.com/haizlin/fe-interview/issues/71) * [要讓Chrome支持小于12px的文字怎么做？](https://github.com/haizlin/fe-interview/issues/67) * [css的屬性content有什么作用呢？有哪些場景可以用到？](https://github.com/haizlin/fe-interview/issues/63) * [什么是FOUC？你是如何避免FOUC的？](https://github.com/haizlin/fe-interview/issues/59) * [解釋下 CSS sprites的原理和優缺點分別是什么？](https://github.com/haizlin/fe-interview/issues/55) * [請描述margin邊界疊加是什么及解決方案](https://github.com/haizlin/fe-interview/issues/51) * [style標簽寫在body前和body后的區別是什么？](https://github.com/haizlin/fe-interview/issues/47) * [position:fixed;在ios下無效該怎么辦？](https://github.com/haizlin/fe-interview/issues/43) * [::before和:after中單冒號和雙冒號的區別是什么，這兩個偽元素有什么作用？](https://github.com/haizlin/fe-interview/issues/39) * [說說你對css盒子模型的理解](https://github.com/haizlin/fe-interview/issues/35) * [css常用的布局方式有哪些？](https://github.com/haizlin/fe-interview/issues/32) * [對比下px、em、rem有什么不同？](https://github.com/haizlin/fe-interview/issues/29) * [簡述下你理解的優雅降級和漸進增強](https://github.com/haizlin/fe-interview/issues/26) * [清除浮動的方式有哪些及優缺點？](https://github.com/haizlin/fe-interview/issues/23) * [簡述你對BFC規范的理解](https://github.com/haizlin/fe-interview/issues/20) * [用css創建一個三角形，并簡述原理](https://github.com/haizlin/fe-interview/issues/17) * [CSS3新增偽類有哪些并簡要描述](https://github.com/haizlin/fe-interview/issues/14) * [CSS選擇器有哪些？哪些屬性可以繼承？](https://github.com/haizlin/fe-interview/issues/11) * [在頁面上隱藏元素的方法有哪些？](https://github.com/haizlin/fe-interview/issues/8) * [CSS3有哪些新增的特性？](https://github.com/haizlin/fe-interview/issues/5) * [圣杯布局和雙飛翼布局的理解和區別，并用代碼實現](https://github.com/haizlin/fe-interview/issues/2)