1、有三個影響html元素布局的重要屬性:padding(內邊距)
、margin(外邊距)
、border(邊框)
。
元素的padding
控制元素內容content
和元素邊框border
之間的距離。元素的外邊距margin
控制元素邊框border
和元素實際所佔空間的距離。
元素的margin
控制元素的border
和元素實際所佔空間的距離。
如果你將乙個元素的margin
設定為負值,元素將會變大。
有時你想要自定義元素,使它的每乙個邊具有不同的margin
。
css 允許你使用margin-top
、margin-right
、margin-bottom
和margin-left
來控制元素上右下左四個方向的margin
。
有時你想要自定義元素,使它的每乙個邊具有不同的padding
。
css 允許你使用padding-top
、padding-right
、padding-bottom
和padding-left
來控制元素上右下左四個方向的padding
。
除了分別指定元素的padding-top
、padding-right
、padding-bottom
和padding-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...