本篇文章將給大家總結(jié)分享75道前端面試CSS中的高頻考點(diǎn)，幫助同學(xué)們力闖秋招，趕快收藏起來(lái)學(xué)習(xí)啦！

前端（vue）入門到精通課程：進(jìn)入學(xué)習(xí)
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API調(diào)試工具：點(diǎn)擊使用

理論篇

1. box-sizing 屬性值有什么作用？

用來(lái)控制元素的盒子模型的解析模式，默認(rèn)為content-box

• context-box：W3C 的標(biāo)準(zhǔn)盒子模型，設(shè)置元素的 height/width 屬性指的是 content 部分的高/寬

• border-box：IE 傳統(tǒng)盒子模型。設(shè)置元素的 height/width 屬性指的是 border + padding + content部分的高/寬

【學(xué)習(xí)視頻分享：css視頻教程、web前端】

2. absolute 絕對(duì)定位，是相對(duì)于誰(shuí)的定位？

CSS position屬性用于指定一個(gè)元素在文檔中的定位方式。

absolute 的元素會(huì)被移出正常文檔流，并不為元素預(yù)留空間，通過(guò)指定元素相對(duì)于最近的非 static 定位祖先元素進(jìn)行定位，確定元素位置。絕對(duì)定位的元素可以設(shè)置外邊距，且不會(huì)與其他邊距合并。

3. 行內(nèi)元素和塊級(jí)元素有什么區(qū)別？

行內(nèi)元素：一個(gè)行內(nèi)元素只占據(jù)它對(duì)應(yīng)標(biāo)簽的邊框所包含的空間。

塊級(jí)元素：塊級(jí)元素占據(jù)其父元素（容器）的整個(gè)空間，因此創(chuàng)建了一個(gè)“塊”。

區(qū)別：

• 是否另起一行：認(rèn)情況下，行內(nèi)元素不會(huì)以新的一行開(kāi)始，而塊級(jí)元素會(huì)新起一行。

• 是否可設(shè)置寬高：塊級(jí)元素可以設(shè)置 width, height屬性，注意：塊級(jí)元素即使設(shè)置了寬度，仍然是獨(dú)占一行的。 而行內(nèi)元素設(shè)置 width, height 無(wú)效。

• 是否可設(shè)置內(nèi)外邊距：塊級(jí)元素都可，行內(nèi)元素的水平方向的 padding-left/right, margin-left/right 都產(chǎn)生邊距效果，但是豎直方向的 padding-top/bottom, margin-top/bottom 都不會(huì)產(chǎn)生邊距效果。（也就是水平方向有效，豎直方向無(wú)效）

• 是否包含對(duì)方：塊級(jí)元素可以包含行內(nèi)元素和塊級(jí)元素。行內(nèi)元素不能包含塊級(jí)元素

4. 常見(jiàn)的行內(nèi)元素和塊級(jí)元素有哪些？

1、常見(jiàn)的行內(nèi)元素

<span>、<a>、<lable>、<strong>、<b>、<small>、<abbr>、<button>、<input>、<textarea>、<select>、<img>

2、常見(jiàn)的塊級(jí)元素

<div>、<p>、<li>、<h1> ~ <h6>、<form>、<header>、<hr>、<ol>、<ul>、<article>、<aside>、<dd>、<dl>

5. 如何檢測(cè)瀏覽器所支持的最小字體大?。?/strong>