這篇文章主要講解了“web前端面試題實(shí)例代碼分析”，文中的講解內(nèi)容簡單清晰，易于學(xué)習(xí)與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“web前端面試題實(shí)例代碼分析”吧！
大足網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)！從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、響應(yīng)式網(wǎng)站建設(shè)等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營維護(hù)。創(chuàng)新互聯(lián)2013年至今到現(xiàn)在10年的時間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
我：呃~，針對這個問題，我想到了三種常見的方式：定位、flex和grid布局。整出代碼如下
定位：因?yàn)檫@個元素不確定是不是塊級元素 (塊級元素是否有寬高) 還是行內(nèi)元素，所以需要使用 transform 屬性來做負(fù)的 50%移動（基于當(dāng)前元素寬高）。
flex布局：不僅支持塊狀元素，而且支持行內(nèi)元素，對固定高寬與不固定高寬皆可使用。
grid布局： 不僅支持塊狀元素，而且支持行內(nèi)元素，對固定高寬與不固定高寬皆可使用。
.jpg)
我：呃~，padding是內(nèi)邊距作用于本身，margin是外邊距作用于外部對象。
我：呃~，vw只與設(shè)備的寬高有關(guān)系，%與繼承有關(guān)系。整出代碼如下
我：呃~，行內(nèi)元素與塊級元素的區(qū)別主要體現(xiàn)在以下幾點(diǎn)：
盒模型的屬性：
行內(nèi)元素設(shè)置width、height無效(可設(shè)置line-height)，margin上下無效，padding上下無效。
包含關(guān)系：
塊級元素可以包含行內(nèi)元素和塊級元素；行內(nèi)元素不能包含塊級元素。
排列方式：
塊級元素會獨(dú)占一行，垂直方向排列。行內(nèi)元素不會占據(jù)整行，在一條直線上排列，都是同一行，水平方向排列。
兩種間可以相互轉(zhuǎn)換：
行內(nèi)元素轉(zhuǎn)化為塊元素： display:block；塊元素轉(zhuǎn)化為行內(nèi)元素： display:inline。
我：呃~，常見的行內(nèi)元素標(biāo)簽有以下幾種：
a、img、picture、span、input、textarea、select、label
我：呃~，谷歌瀏覽器目前支持的最小字體是12px，正常這個字體已經(jīng)是最小的了，如果還想讓這個字體變小，只能通過CSS的縮放屬性讓字體變小，如 transform: scale(0.5)，這個屬性可以將原來最小的字體再變小原來的二分之一。
我：呃~，常見的語義化標(biāo)簽有以下幾種：
header、footer、main、aside、article、section、address、summary/details、menu、img
h2/h3/h4/h5/h6/h7、p、strong/italic
我：呃~，HTML 實(shí)體編碼是一段以連字號（&）開頭、以分號（;）結(jié)尾的字符串。用以顯示不可見字符及保留字符 (如 HTML 標(biāo)簽)，在前端，一般為了避免 XSS 攻擊，會將 <> 編碼為 < 與 >，這些就是 HTML 實(shí)體編碼。
常見的實(shí)體編碼如下：
不可分的空格：＆nbsp;
<(小于符號)：＆lt;
＆(與符號)：＆amp;
″(雙引號)：＆quot;
'(單引號)：＆apos;
我：呃~，使用 CSS 樣式可以避免拉伸，屬性為 resize: none;
我：呃~，兩者的區(qū)別很簡單如下：
+ 選擇器匹配緊鄰的兄弟元素
~ 選擇器匹配隨后的所有兄弟元素 整出代碼如下：
我是p 我是p 我是p 我是div下面的p 我是div下面的p
感謝各位的閱讀，以上就是“web前端面試題實(shí)例代碼分析”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對web前端面試題實(shí)例代碼分析這一問題有了更深刻的體會，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識點(diǎn)的文章，歡迎關(guān)注！
重慶分公司
重慶分公司
