前端面試題HTML CSS基礎篇 清除浮動

2021-10-08 21:44:47 字數 741 閱讀 4887

//這個也是面試過程中比較常問到的內容,也是基礎中的基礎

1. 使用帶clear屬性的空元素

給浮動的元素後面新增乙個空白的div,給該div新增clear:both; (在左右兩側均不允許浮動元素,可以根據需要設定左右清除浮動)

// 但該方法會在文件結構中新增無用的元素,增加dom結構,是文件結構複雜化,所以推薦第二種方法

2. 給浮動的元素新增after偽類

.div:after

// 這種方法就不會有第一種方法中存在的問題,比較推薦使用。

3. 使用css的overflow屬性

給浮動的元素新增overflow:hidden/auto;

4. 給浮動的元素的父元素新增浮動

這種方式會使整體浮動,影響布局,不推薦

5. 使用鄰接元素進行處理

給浮動的元素後面的元素新增clear屬性

//清除浮動的方式大體有這麼幾種,最最推薦第二種,我在平時清除浮動的時候都是使用第二種,但是由於是參加面試,當然說得越多越好了,而且需要具體介紹,每種方式以及比較突出的優缺點,面試是乙個和面試官溝通交流的乙個過程,說得越多不僅會消除自己的緊張,也會讓面試官覺得你懂得多,敢說敢做,為你大大加分,面試過程中要是大部分時間是你在說,面試官說的少,你就贏了,哈哈哈哈哈哈!!!

前端面試題HTML CSS基礎篇 css選擇器

1.什麼是css選擇器 css選擇器用於選擇你想要的元素的樣式的模式。選擇器不僅可以選擇所有元素,也可以選擇另乙個元素內的所有元素。2.css選擇器都有哪些 div 類選擇器根據類名來選擇,前面以 來標誌。div 標籤選擇器根據標籤選擇。div 會選擇所有文件內所有div。有時候還會需要用文件以外的...

前端面試題(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的...