重置box sizing最佳實踐

2021-09-11 10:12:07 字數 941 閱讀 2664

本文翻譯自 css-tricksinheriting box-sizing probably slightly better best-practice

我是乙個將box-sizing重置為border-box的狂熱分子,所以我有a special day of the year這篇文章,但是本文於那篇文章有一點小差別,下面讓我們來看看主要差別在什麼地方。

html

*,*:before,*:after

複製**

繼承的概念出自於jon neal他說

這將會給你同樣的結果,而且會讓他更容易在外掛程式和元件中改變box-sizing從而影響他的行為。

.component

複製**

那麼問題出現了,這個樣式沒有重置所有的元素,也許這裡有乙個在這個元件中,而且希望元素也是content-box,如果這個選項在你的css裡面,那麼老的重置box-sizing方法

/* this selector is an most 'old way' box-sizing resets*/

*複製**

那麼這時候並不是如你所想那樣為content-box,他是border-box。像這樣:

class='component'>

div>

複製**

為了使重置更簡單,更直觀,您可以在頂部使用繼承的**段,繼承將被保留。

看起來這些改善並沒有什麼大的意義,或許你用原來的老方法也不會遇到什麼問題,我就是這樣,但是只要我們推廣了乙個最佳的**片段,那麼我們就離完美更近了一步。

最佳實踐 Flutter 最佳實踐

最佳實踐是乙個領域可以接受的專業標準,對於任何程式語言來說,提高 質量 可讀性 可維護性和健壯性都非常重要。讓我們探索一些設計和開發flutter應用程式的最佳實踐。class enum typedef和extension應採用駝峰命名uppercamelcase規則。class mainscree...

最佳實踐 pytorch模型權重的重置與重新賦值

重置為原來的值 def weight reset m ifisinstance m,nn.conv2d orisinstance m,nn.linear m.reset parameters model nn.sequential nn.conv2d 3,6,3,1,1 nn.relu nn.lin...

JUnit最佳實踐

junit最佳實踐 cherami 轉貼 參與分 20053,專家分 4960 發表 2003 9 16 下午7 57 版本 1.0 閱讀 3899次 martin fowler說過 當你試圖列印輸出一些資訊或除錯乙個表示式時,寫一些測試 來替代那些傳統的方法。一開始,你會發現你總是要建立一些新的f...