每天10道題，100天后，搞定所有前端面試的高頻知識(shí)點(diǎn)，加油?。?！，在看文章的同時(shí)，希望不要直接看答案，先思考一下自己會(huì)不會(huì)，如果會(huì)，自己的答案是什么？想過(guò)之后再與答案比對(duì)，是不是會(huì)更好一點(diǎn)，當(dāng)然如果你有比我更好的答案，歡迎評(píng)論區(qū)留言，一起探討技術(shù)之美。
我：呃~，它們要實(shí)現(xiàn)的功能大體是一致的，但是有本質(zhì)的區(qū)別，如下：
title與h1的區(qū)別：
(資料圖)
title作用是概括網(wǎng)站信息，顯示在網(wǎng)頁(yè)的標(biāo)題上，可以告訴搜索引擎或者用戶關(guān)于這個(gè)網(wǎng)站的內(nèi)容主題是什么。
h1作用是概括文章主題內(nèi)容，顯示在網(wǎng)頁(yè)內(nèi)容上，可以告訴我們網(wǎng)站的內(nèi)容主要是什么
b和strong的區(qū)別：
b是實(shí)體標(biāo)簽，用來(lái)給文字加粗，沒(méi)有實(shí)際意義；strong是邏輯標(biāo)簽，用來(lái)加強(qiáng)字符語(yǔ)氣的，強(qiáng)調(diào)內(nèi)容的重要性，為符合css3規(guī)范，b盡量少用，用strong就行。
i和em的區(qū)別：
i是實(shí)體標(biāo)簽，用來(lái)做文字傾斜的，沒(méi)有實(shí)際意義，更多用在字體圖標(biāo)上；em是邏輯標(biāo)簽，強(qiáng)調(diào)字符內(nèi)容的，更多用在專業(yè)術(shù)語(yǔ)上。
我：呃~，title是鼠標(biāo)移入到圖片顯示的值，alt是圖片無(wú)法加載時(shí)顯示的值。
我：呃~，好的，總結(jié)如下：
png：無(wú)損壓縮，尺寸體積要比 jpg/jpeg的大，適合做小圖標(biāo)。
jpg：采用壓縮算法，有一點(diǎn)失真，比png體積要小，適合做中大圖片。
gif：一般是做動(dòng)圖的。
webp：同時(shí)支持有損和無(wú)損壓縮，相同質(zhì)量的圖片，webp具有更小的體積但兼容性較差。
我：呃~，好的，CSS盒子模型分為：標(biāo)準(zhǔn)盒模型、IE(怪異)盒模型，如下：
標(biāo)準(zhǔn)盒模型：margin、border、padding、content
IE盒模型：margin、content（border + padding + content）
CSS轉(zhuǎn)換盒子模型：
box-sizing: content-box; /*標(biāo)準(zhǔn)盒模型*/
box-sizing: border-box; /*IE盒模型*/
我：呃~，line-height是每一行文字的高，如果文字換行則整個(gè)盒子高度會(huì)增大（行數(shù)*行高）
height是一個(gè)固定值，就是這個(gè)盒子的高度。
我：呃~，CSS選擇器主要有如下幾種：
通配符選擇器( * )、id選擇器( # )、類選擇器( . ) 、標(biāo)簽選擇器( div、p、h1... )、相鄰選擇器( + )、后代選擇器( ul li )、子元素選擇器( > )、屬性選擇器( a[href] )等
CSS屬性可以繼承的有：font-size、color、line-height等文字系列，不可繼承的有：border、padding、margin等盒屬性
我：呃~，從優(yōu)先級(jí)比較來(lái)說(shuō)：!important>內(nèi)聯(lián)樣式>id>class>標(biāo)簽>通配。優(yōu)先級(jí)的計(jì)算的話，我們可以給CSS設(shè)置權(quán)重：!important權(quán)重最高可以忽略，通過(guò)計(jì)算可以看出哪個(gè)權(quán)重值更高，當(dāng)前頁(yè)面的樣式為什么是這個(gè)樣式也就可以說(shuō)通了：
第一：內(nèi)聯(lián)樣式(style) 權(quán)重值：1000 第二：id選擇器 權(quán)重值：100 第三：類選擇器 權(quán)重值：10 第四：標(biāo)簽&偽元素選擇器 權(quán)重值：1 第五：通配、>、+ 權(quán)重值：0
我：呃~，使用border就可以，給出border的寬度然后每天邊框設(shè)置隱藏，如果想使用哪個(gè)方向的三角形，再單獨(dú)給出顏色即可，整出代碼如下：
<style> div{ width: 0; border: 100px solid transparent; /* 想要上三角形,顏色為紅色 */ border-top: 100px solid red; }</style><body> <div></div></body>我：呃~，BFC（也叫塊級(jí)格式化上下文）是一個(gè)獨(dú)立的布局環(huán)境，可以理解為一個(gè)獨(dú)立容器，容器里面的子元素不會(huì)影響到外面的元素。如果一個(gè)元素具有BFC，那么內(nèi)部的元素再怎么弄也不會(huì)影響到外面的元素。整出代碼如下：
觸發(fā)BFC的條件：
float的值：非none overflow的值：非visible display的值為：inline-block、table-cell...
position的值為：absoute、fixed
<style> ul{ list-style: none; border: 5px solid red; overflow: hidden; /* 設(shè)置BFC */ } ul li { width: 100px; height: 100px; background-color: orange; margin: 10px; float: left; }</style><body> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> <h1>12</h1></body>（學(xué)習(xí)視頻分享：web前端入門、編程基礎(chǔ)視頻）
以上就是看看這些前端面試題，帶你搞定高頻知識(shí)點(diǎn)（二）的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！
關(guān)鍵詞： html
營(yíng)業(yè)執(zhí)照公示信息