Java知識分享網 - 輕松學習從此開始!????

Java知識分享網

Java1234官方群25:java1234官方群25
Java1234官方群25:838462530
        

實戰springboot+CAS單點登錄課程(免費領取)

SpringBoot打造全棧在線教育平臺實戰課程

畢設代做論文包查重聯系人QQ:1982956321畢設大神 畢設代做論文包查重

66套java實戰課程無套路領取

Java1234 VIP課程

領取微信掃碼登錄Java實現視頻教程

Java1234至尊VIP(特價活動)

前端技術筆試面試題 PDF 下載


分享到:
時間:2020-11-12 08:53來源:http://www.nukdnfhq.buzz 作者:轉載  侵權舉報
前端技術筆試面試題 PDF 下載
失效鏈接處理
前端技術筆試面試題  PDF 下載


本站整理下載:
提取碼:kq7v 
 
 
相關截圖:
 
主要內容:

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低版本*/ }

 

------分隔線----------------------------
鋒哥公眾號


鋒哥微信


關注公眾號
【Java資料站】
回復 666
獲取 
66套java
從菜雞到大神
項目實戰課程
山东麻将怎么开牌 大嘴刨幺官网 河北十一选五开奖结果开奖公告 捕鸟达人2评测 下载腾讯麻将游戏免费 晓游棋牌下载中心上海 腾讯分分彩是正规的吗? 辽宁35选7顺序开奖结果 安徽11选5大小走势 福利彩票排列7 麻将连连看免费下载 一赖到底麻将游戏下载 325棋牌游戏唯一官方网站 喜乐彩中奖查询 湖南动物快乐十分前三组选遗漏数据 青海快3十大技巧 456游戏大厅完整版