2023年3月7日前端CSS知識點小記

2021-09-12 03:07:08 字數 550 閱讀 6102

1、border邊框不重疊導致線條加粗問題。

用margin負畫素解決,同時增加知識: :not(.classname) 反選擇器。

2、用box-sizing時,子元素會相應減少對應畫素。

如列表dl width:80px; border-sizing:border-box;padding: 0 1px,那麼dd width即78px

3、布局非常難。自適應布局,一般通過margin: auto 改變主體的位置。

如果想讓body內的div自適應,則需要max-width以及min-width的支援,那麼計算以及**規劃,就顯得非常複雜。

下拉列表優化,這種需要:before偽元素 定位覆蓋同級元素即可。

5、@media (max-width: ***px) …的問題(難度較大,留)

6、axios中的promise請求,到底是什麼(難度較大,留)

7、元件化scss檔案引用巢狀(難度非常大,留)

2023年3月9日前端CSS相關

1 採用element布局,規定盒子寬度後,在盒子內進行,子盒子的padding margin變化,發現,高度都會撐開,但是寬度會像absolute一樣並不會強行撐開,父元素寬度。2 箭頭iconfont匯入,後用float right居右,導致標籤高度坍塌,開始誤認為是float影響,在下面才知道...

2023年3月11日CSS知識小記

1 對於scss的巢狀寫法,其實可以極大程度的縮減 比如你可以定義5個相同模組的卻有不同背景色的布局,那麼你可以統一寫乙個 然後在熱定的第幾號偽類元素中,修改特定樣式。2 樣式的繼承與選擇,只要層級不亂,祖先級可以直接跳轉至孫輩級。如圖,我跳了一層el carousel contianer,但是樣式...

2023年3月17日 3月20日訓練總結

首先先做個檢討,因為好久沒有寫訓練總結了,也不想找什麼藉口,大家都一樣,而我沒寫,就是怠慢。並且這套練習題前幾天我沒有做,到之後幾天做的很急,導致現在雖然做完了,但是雲裡霧裡 總結一下這幾天,學習的成果感覺比上乙個階段是要好不少,貪心這東西掌握的也要好多了,怎麼說呢,思想上通了就簡單,找到了怎麼貪一...