哪個是使用背景圖像的最佳方法?速記屬性或默認屬性?哪個是使用背景圖像的最佳方法?速記屬性或默認屬性?
回答
個人而言,我更喜歡速記,因爲它使您的樣式表看起來更清晰。當你開始使用CSS時,可能默認情況會更好,但是一旦熟悉了CSS,我會建議簡寫。
畢竟我們人類是懶惰的。速記屬性 - >較小代碼 - >更清晰&更容易維護樣式表 - >更快樂的生活!
我只是在考慮瀏覽器的兼容性問題。我的意思是,當我們在IE版本的瀏覽器等老舊的瀏覽器中使用短代碼時,short-Hand Properties可能會產生問題?你認爲有什麼兼容性問題?用短手屬性代替正常使用背景..... –
據我所知,短手並沒有兼容性問題。 [Mozilla](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties )docs鼓勵我們使用速記。 一旦你開始定期寫CSS,你會遇到[sass](http://sass-lang.com/),這又鼓勵短手! –
這是我認爲是使用圖片背景的最佳方式,我多次使用它。來回它完全歸功於出去https://css-tricks.com/perfect-full-page-background-image/
html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
感謝您閱讀該文章的鏈接,並清除了我對瀏覽器兼容性的所有疑惑。 –
- 1. 哪個CSS屬性對於漸變「背景」或「背景圖像」是正確的
- 2. 覆蓋速記背景屬性的一個屬性
- 3. DataGridRow的默認值背景屬性
- 4. 定義具有大量屬性的默認類屬性的最佳方法
- 5. 背景速記屬性分配?
- 6. Eloquent默認屬性值:$屬性或DB列默認值?
- 7. css背景圖像的url屬性
- 8. 使用默認屬性創建實體對象的最佳方法
- 9. CSS背景屬性使用
- 10. CSS背景圖像拉伸與背景圖像屬性
- 11. 返回數組速記屬性的方法。哪個PHP版本?
- 12. 默認屬性
- 13. 默認屬性
- 14. IE 9背景圖像位置屬性
- 15. 背景圖像屬性不工作
- 16. 如何使用CSS(背景圖像屬性)設置圖像?
- 17. JavaScript的補充屬性/設置:window.print()啓用背景默認
- 18. 最佳方式屬性
- 19. CSS背景屬性
- 20. 背景CSS屬性
- 21. 下面的背景圖像與背景色屬性
- 22. 默認屬性值
- 23. Visual Basic默認屬性vs C#屬性
- 24. 實驗JavaScript屬性屬性默認
- 25. 綁定自定義控件背景顏色屬性的最佳方法
- 26. 如何使用Mootools更改我的背景圖像css屬性?
- 27. 使用php填充背景圖像的標題屬性
- 28. 背景圖像消失與背景附件固定屬性
- 29. 屬性或方法?
- 30. 屬性或方法?
我認爲這在很大程度上是基於觀點的,但對於它的價值,我發現速記方法的可讀性比較「正常」的方式,我不邀功。 – BFG
感謝您的回覆。但有點擔心舊版瀏覽器和現代瀏覽器IE等他們是否支持短暫的財產? –
您不應該對瀏覽器支持有任何問題,因此您需要決定自己喜歡哪種方法。 – BFG