前端學習總結(三) 知識點

2021-10-02 11:54:25 字數 813 閱讀 3470

我是跟著

web 前端怎樣入門? - 汪小黑的回答 - 知乎

小黑的入門順序來學的。

因此,本節,總結一下他在文章中提到的問題。

這篇文章很好的解釋了css中的float。

健偉說讓我多看看基礎知識,也對。

很多我都不太清楚。

1. float 和clear

float緊跟上面元素。如果上面的元素在文件流中,那就排在他下面。

如果float上面的元素同為浮動元素,就按float順序,緊跟其之後。

clear屬性,想對哪個元素作用,就在哪個元素上設定clear。

2.css3中屬性字首(-moz、-ms、-webkit、-o-)

3. 文字垂直居中的方法

3.1 設定高度和line-height一致

4. css hover改變另一元素樣式的使用

5. dl和ul、ol的區別

ul是無序列表標籤,li是列表元素標籤。

ol是有序列表標籤,li是列表元素標籤。

ol可以在ol標籤中改變type屬性來實現列表序號形式的改變。

tip:有時可能需要去除列表前的序號。

step1: 在相對應css中設定list-style:none;

但是如果只設定為none,序號依舊佔據位置

step2: 將padding-left:0.

這樣就可以清楚序號所佔據的空白位置。

6. dl dt dd的區別

自定義列表以 標籤開始。每個自定義列表項以 開始。每個自定義列表項的定義以 開始。

7. overflow:hidden的妙用

8.

前端知識點總結(四)

css篇 5.visiility中有個collapse屬性的作用?用在 中,隱藏一行或一列,並會釋放空間,chrome除外。6.出現浮動的原因,怎麼清除浮動?乙個盒模型設定類浮動,導致父級物件不能被撐開,這樣就產生類浮動,需要清除浮動。清除浮動方法 計算子容器高度 新增clear both 父級 o...

前端開發知識點總結

很多時候我們會有下面的場景,如下圖中所顯示的那樣。點選1區域 從圖上看1區域包含2區域 和2區域跳轉不同的鏈結。正常的 結構應該是 但是上面的 瀏覽器的編譯結果是下面這樣 很明顯可以發現,瀏覽器的渲染結果並不是我們想要的結果。那麼是為什麼呢?根據 w3c 規範,a 標籤是不是巢狀 a 標籤的。如果出...

前端知識點階段總結

1.不同解析度動態賦值 if window.innerwidth 1440 else dialogwidth 2.table批量刪除選中行 let rows this.refs.tablerefname.getselectallrows let ids rows.foreach item ids.p...