2015-03-31 213 views
0

我不想爲圖像的邊緣頂部和底部添加內聯樣式,我想爲他們的類提供一個簡單的命名約定。圖像上邊緣和底部邊緣的命名約定

不是每個圖像都有一個邊緣和底部的邊緣。

  • 有些圖片我想有一個在頂部40像素邊距,我想有頂部和一個30像素邊距底部

什麼是良好的命名約定底部

  • 其它圖片爲我的CSS這些類型的風格?

    想要避免總是不得不忍受:

    <p style="margin: 40px 0"> 
    
  • +0

    這取決於你,使用任何最有意義的東西給你。 – APAD1 2015-03-31 16:50:44

    +1

    如果可能,請勿根據像素數量選擇類別名稱,而應根據其表示的類型選擇類別名稱。也就是說,我們沒有必要的上下文來組成一個好名字,即使如此,它仍然是基於意見的。 – GolezTrol 2015-03-31 16:52:47

    +1

    想一想爲什麼有些事情會得到不同的利潤。在CSS中,我們不使用描述CSS內容的類名稱,例如我們不會創建一個名爲'blue'的類,因爲當重新設計需要使用紅色時,我們最終會使用'.blue {color:red;}' - 這有多混亂! – gvee 2015-03-31 16:53:28

    回答

    2

    谷歌在November 2011在Gmail中使用「Display Density」,他們命名爲「舒適」,「舒適」和「緊湊的開始」。

    您可以根據您爲圖片提供多少頂部和底部空間來建立類名,以模仿他們的命名約定。

    .comfortable { margin: 40px 0; } 
    .cozy { margin: 30px 0; } 
    .compact { margin: 10px 0; } /* or whatever you want */