答案：聖杯布局/雙飛翼布局或者flex
漸進增強 progressive enhancement：針對低版本瀏覽器進行構建頁面，保證最基本的功能，然後再針對高階瀏覽器進行效果、互動等改進和追加功能達到更好的使用者體驗。
優雅降級 graceful degradation：一開始就構建完整的功能，然後再針對低版本瀏覽器進行相容。
區別：優雅降級是從複雜的現狀開始，並試圖減少使用者體驗的供給，而漸進增強則是從乙個非常基礎的，能夠起作用的版本開始，並不斷擴充，以適應未來環境的需要。降級（功能衰減）意味著往回看；而漸進增強則意味著朝前看，同時保證其根基處於安全地帶。
「優雅降級」觀點認為應該針對那些最高端、最完善的瀏覽器來設計**。而將那些被認為「過時」或有功能缺失的瀏覽器下的測試工作安排在開發周期的最後階段，並把測試物件限定為主流瀏覽器（如 ie、mozilla 等）的前乙個版本。
在這種設計範例下，舊版的瀏覽器被認為僅能提供「簡陋卻無妨 (poor, but passable)」 的瀏覽體驗。你可以做一些小的調整來適應某個特定的瀏覽器。但由於它們並非我們所關注的焦點，因此除了修復較大的錯誤之外，其它的差異將被直接忽略。
「漸進增強」觀點則認為應關注於內容本身。
內容是我們建立**的誘因。有的**展示它，有的則收集它，有的尋求，有的操作，還有的**甚至會包含以上的種種，但相同點是它們全都涉及到內容。這使得「漸進增強」成為一種更為合理的設計範例。這也是它立即被 yahoo! 所採納並用以構建其「分級式瀏覽器支援 (graded browser support)」策略的原因所在。
答案:absolute,relative,fixed, sticky
文件流指的是元素排版布局過程中，遵循於從上向下，從左向右的流式排列。並最終窗體自上而下分成一行行，並在每行中從左至右的順序排放元素。
分為兩種等級：塊級元素和行內元素；
塊級元素：
1).霸佔一行，不能與其他任何元素並列
2).能接受寬、高
3).如果不設定寬度，那麼寬度將預設變為父親的100%，即和父親一樣寬
行內元素：
1).與其他元素併排
2).不能設定寬、高。預設的寬度就是文字的寬度
在html中，標籤分為：文本級和容器級；
文本級：p、span、a、b、i、u、em
容器級：div、h系列、li、dt、dd
答案:都是層級選擇器
相鄰兄弟選擇器： e + f, 選中的僅是乙個元素。同級並且f元素在e元素的後面。
通用兄弟選擇器：e ~ f 選中的是與e相鄰的後面的兄弟元素f
答案:不會合併
答案:
1231、title是**header部分的內容是**的標題，而h表示body內的標題
2、但從視覺上效果**b與strong、i與em是沒有區別的，唯一區別是搜尋引擎檢索的時候搜尋引擎可以識別strong、em標籤、而不能識別b與i標籤
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
Web前端初級工程師面試題
一 乙個頁面上兩個div左右鋪滿整個瀏覽器，要保證左邊的div一直為100px，右邊的div跟隨瀏覽器大小變化 比如瀏覽器為500，右邊div為400，瀏覽器為900，右邊div為800 請寫出大概的css 1.使用flex html class box class left class right...
web前端工程師面試題總結（2）原型，原型鏈和演算法
四 es6之後，class實現不同物件的屬性和方法的共享問題 四 演算法 所有引用型別都有乙個 proto 隱式原型 屬性，屬性值是乙個普通的物件 所有函式都有乙個prototype 原型 屬性，屬性值是乙個普通的物件 所有引用型別的 proto 屬性指向它建構函式的prototype 當訪問乙個物...
新浪php工程師面試題
1 cookie session的聯絡和區別，多台web伺服器如何共享session？2 http協議中的post和get有何區別？3 一段php 寫出輸出結果 這個程式 a 0 b 0 if a 3 0 b 3 0 4 reqiure的include都可包含檔案，二者的區別何在？5 php中web...