前端面試題2（html css）

一、間隙問題，如何解決?

兩個之間和下方多出的空白間隙可以使用以下方式解決。

方法 1：將顯示為塊：解決下方間隙

img除了 middle值，還可以設定為 top| bottom 等

方法 3：設定父級標籤的 font-size:0;line-height:0; 水平間隙，下方間隙都能解決

.imgwrap

二、說說常見瀏覽器相容問題(至少3個)?

ie8中邊框問題

ie8 中放在a標籤中顯示邊框。

解決方案:

img

如下**，在標準瀏覽器中均能正常顯示背景，但是在ie8中顯示異常。

.bg

.bg

1.在 ie6 及更早瀏覽器中定義小高度的容器？

解決方案：

#test{

overflow:hidden;
height:

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

前端面試題HTML CSS3

一 優先順序就近原則，同權重情況下以最近者為準 優先順序為 important id class tag important 比 內聯優先順序高 css3 新增偽類 first child 選擇屬於其父元素的首個元素。last child 選擇屬於其父元素的最後乙個元素。only child 選擇屬...