| 失效鏈接處理 |
|
前端技術筆試面試題 PDF 下載
本站整理下載：
相關截圖：
主要內容：
HTML
如何理解HTML語義化？
讓人更容易讀懂（增加代碼可讀性）
讓搜索引擎更容易讀懂（SEO）
塊狀元素&內聯元素？
display:block/table;有div h1 h2 table ul ol p等；
display:inline/inline-block;有 span img input button 等
CSS-布局
盒子模型的寬度如何計算？
offsetWidth=(內容寬度+內邊距+邊框)，無外邊框
答案為：122px
補充：如果讓offsetWidth=100px，如何做？
margin縱向重疊的問題
相鄰元素的 margin-top 和 margin-buttom 會發生重疊
空白內容的
也會重疊
答案為：15px
margin負值的問題
margin-top 和 margin-left 負值，元素向上、向左移動
margin-right負值，右側元素左移，自身不受影響
margin-buttom負值，下方元素上移，自身不受影響
BFC理解和應用
定義：
Block format context，塊級格式化上下文
一塊獨立渲染區域，內部元素的渲染不會影響邊界以外的元素
形成BFC的常見條件：
float不是none
position是absolute或fixed
overflow不是visible
display是flex或inline-block等
BFC的常見應用：
清除浮動
原來為兩框，加bfc后清除浮動變為大框
float布局的問題，以及clearfix
如何實現圣杯布局和雙飛翼布局？
目的：
三欄布局，中間一欄最先加載和渲染(內容最重要)
兩側內容固定，中間內容隨著寬度自適應
一般用于PC網頁
技術總結
使用float布局
兩側使用margin負值，以便和中間內容橫向重疊
防止中間內容被兩側重疊，一個用padding，一個用margin
手寫clearfix
.clearfix:after{ content:''; display:table; clear:both; }.clearfix{ *zoom:1; /*兼容IE低版本*/ }
|
| Java1234官方群25： |  |
| Java1234官方群25： | 838462530 |
蘇公網安備 32061202001004號
