html和css面試題持續更新中

2021-10-06 03:24:34 字數 1987 閱讀 3254

innerhtml和outerhtml的區別

innerhtml(元素內包含的內容)

outerhtml(自己以及元素內的內容)

offsetwidth offsetheight和clientwidth clientheight的區別

(1)offsetwidth (content寬度+padding寬度+border寬度)

(2)offsetheight(content高度+padding高度+border高度)

(3)clientwidth(content寬度+padding寬度)

(4)clientheight(content高度+padding高度)

(5)width(content寬度)

(6)height(content高度)

二、html和css**題

1.實現兩列布局:左列寬度為200px,右列佔據剩餘寬度。

html,

body

.one

/* 1、推薦使用 */

.two

/* 2、 */

/* .two */

<

/style>

="one"

>

<

/div>

="two"

>

<

/div>

2.有乙個是自適應螢幕高度的div,裡面兩個div盒子,實現上下兩布局:上列寬度為100px,下列佔據剩餘寬度。

height:

100vh;

width:

100%;}

height:

100px;

background-color: yellow;

} height:

calc

(100vh -

100px)

; background-color: red;

}<

/style>

>

>

<

/div>

>

<

/div>

<

/div>

2.把寬高均為300px的元素置於瀏覽器可用區域的正**,且位置不隨頁面滾動而變化。

div
純css使乙個盒子從左到右變大

使用animation
純js使乙個盒子從左到右變大

使用setinterval
.css屬性overflow屬性定義溢位元素內容區的內容會如何處理?

引數是scroll時候,必會出現滾動條。

引數是auto時候,子元素內容大於父元素時出現滾動條。

引數是visible時候,溢位的內容出現在父元素之外。

引數是hidden時候,溢位隱藏。

.nth-of-type()與nth-child()的區別

:nth-

child

(n)選擇器,該選擇器選取父元素的第n 個子元素,不論元素的型別。

:nth-of-

type

(n)選擇器,選擇器選取父元素的第 n 個指定型別的子元素。

TCP IP面試題(持續更新)

no.1 tcp ip基礎 這些知識點都可以參考 no.2 常見面試題 tcp與udp的區別 tcp協議是有連線的,有連線的意思是開始傳輸實際資料之前tcp的客戶端和伺服器端必須通過三次握手建立連線,會話結束之後通過四次揮手結束連線。而udp是無連線的 tcp協議保證資料按序傳送,按序到達,提供超時...

幾個面試題 持續更新

1.簡單列舉了解的程式語言及語言間區別。python簡單,python開發效率快,python 簡潔,跨平台,學習成本比較低 2.列舉python2和3的區別 後期要找一些模組和專案的區別 py3 print 編碼方式 unicode 類 新式類 range 可迭代物件 input 獲取的內容全都是...

kafka面試題 持續更新

kafka 中的資料只能儲存七天,隨之而來的問題就是某個偏移量對應的資料被清除,我們通過偏移量去查詢資料而發生的報錯 資料已經被 kafka 給清除掉了 也就是說我們讀取的偏移量小於 kafka 中資料儲存的最早的偏移量,說明資料已經被 kafka 給乾掉了 解決方式 將拿到的偏移量和 kafka ...