FreeCodeCamp之前端開發學習筆記1

2021-09-23 16:25:27 字數 1309 閱讀 7152

1、有三個影響html元素布局的重要屬性:padding(內邊距)margin(外邊距)border(邊框)

元素的padding控制元素內容content和元素邊框border之間的距離。元素的外邊距margin控制元素邊框border和元素實際所佔空間的距離。

元素的margin控制元素的border和元素實際所佔空間的距離。

如果你將乙個元素的margin設定為負值,元素將會變大。

有時你想要自定義元素,使它的每乙個邊具有不同的margin

css 允許你使用margin-topmargin-rightmargin-bottommargin-left來控制元素上右下左四個方向的margin

有時你想要自定義元素,使它的每乙個邊具有不同的padding

css 允許你使用padding-toppadding-rightpadding-bottompadding-left來控制元素上右下左四個方向的padding

除了分別指定元素的padding-toppadding-rightpadding-bottompadding-left屬性外,你還可以集中起來指定它們,舉例如下:

padding: 10px 20px 10px 20px;

這四個值以順時針方式排列:頂部、右側、底部、左側,簡稱:上右下左。

2、給id設定的樣式優先順序比class設定的要高,不論定義先後順序。

我們證明了無論在style元素 css 的哪個位置進行宣告,id 宣告都會覆蓋 class 宣告。

還有其他覆蓋 css 的方法。行內樣式也會覆蓋其他樣式宣告。

很多情況下,你會使用 css 庫,這些庫可能會意外覆蓋掉你自己的 css。所以當你需要確保某元素具有指定的 css 時,你可以使用!important

比如:.pink-text

這樣就不會被別的樣式覆蓋了。

FreeCodeCamp 前端初級演算法(個人向)

freecodecamp 初級演算法位址戳這裡 reverse a string 翻轉字串 1 function reversestring str 56 reversestring hello factorialize a number 計算乙個整數的階乘 1 function factorial...

使用 freeCodeCamp 學習前端程式設計

需要你自主去查詢資料,解決自己面對的問題。所以做專案頭大是正常的。有個朋友舉了乙個很貼切的例子,fcc裡只教你9 9,可是卻要你算出9 9。這中間是個自我學習的過程。這也就是fcc經常提到的 s.a.r.search ask read 三項基本技能。所謂search,就是要學會用google搜尋你遇...

Freecodecamp 刷題記錄 前端基礎演算法

翻轉字串 先把字串轉化成陣列,再借助陣列的reverse方法翻轉陣列順序,最後把陣列轉化成字串。你的結果必須得是乙個字串 當你完成不了挑戰的時候,記得開大招 read search ask 這是一些對你有幫助的資源 function reversestring str reversestring h...