前端面試題HTML CSS3

2021-10-07 08:58:26 字數 853 閱讀 5491

一.

優先順序就近原則,同權重情況下以最近者為準;

優先順序為: !important > id > class > tag

important 比 內聯優先順序高

css3 新增偽類:

:first-child 選擇屬於其父元素的首個元素。

:last-child 選擇屬於其父元素的最後乙個元素。

:only-child 選擇屬於其父元素唯一的元素。

:nth-child(n) 選擇屬於其父元素的任意乙個子元素。

:empty 選擇沒有子元素的元素。

:not(selector) 將滿足指定選擇器的元素給排除在外。

23.描述 css reset 的作用。

答案:reset 重置瀏覽器為元素設定的預設樣式,瀏覽器的種類不同,樣式可能不同,重置是為了讓他們統一樣式。

24.清除浮動帶來影響的幾種方式,各自的優缺點

答案:1、直接設定父元素高度,但不是每次都知道父元素的高度。

2、設定父元素也浮動,但不是任何時候父元素都需要浮動,而且浮動會影響後續元素。

3、為父元素設定 overflow屬性,但如果有內容需要溢位顯示的話,也會一同被隱藏。

4、在父元素中,追加空子元素,並設定其clear:both,但頁面中會多出乙個空元素。

5、用內容生成的方式:after

25.px 和 em 的區別

px 和 em 都是長度單位,區別是,px 的值是固定的,指定是多少就是多少,計算比較容易。em 得值不是固定的,並且 em 會繼承父級元素的字型大小。

瀏覽器的預設字型高都是 16px。所以未經調整的瀏覽器都符合: 1em=16px。那麼 12px=0.75em, 10px=0.625em**

前端面試題(HTML CSS)

用正確的標籤做正確的事情。html 語義化讓頁面的內容結構化,結構更清晰,便於對瀏覽器 搜尋引擎解析 即使在沒有樣式 css 情況下也以一種文件格式顯示,並且是容易閱讀的 搜尋引擎的爬蟲也依賴於 html 標記來確定上下文和各個關鍵字的權重,利於 seo 使閱讀源 的人對 更容易將 分塊,便於閱讀維...

前端面試題 HTML CSS)網頁布局

1 css中居中方式 1 絕對定位 2 flex布局 display flex justify content center align item center 3 對父容器使用display table cell vertical align middle 使其內的子元素實現垂直居中 2 css的...

前端面試題2(html css)

一 間隙問題,如何解決?兩個之間和下方多出的空白間隙可以使用以下方式解決。方法 1 將顯示為塊 解決下方間隙 img除了 middle值,還可以設定為 top bottom 等 方法 3 設定父級標籤的 font size 0 line height 0 水平間隙,下方間隙都能解決 imgwrap ...