這是我的第一篇文章,所以如果我做錯了任何事情,請原諒我。我的問題是我應該如何佈局我的CSS文件?只是好奇,看看是否有一個「正確的方式」CSS應該寫。謝謝!有沒有正確的方式來佈局我的CSS?
-1
A
回答
-2
CSS應該按特異性進行佈局。
ID比比標籤更具體的類更具體。因此,您希望工作表頂部的一般標籤樣式以及類和ID。
p { }
.p { }
#p { }
還可以,優先事項,在大型項目中,單獨的CSS樣式爲不同的表,以方便其他人通過您的代碼閱讀。
CSS對空白不敏感,因此它的製表符不會使編譯更改,但是相應地進行標記當然是常見做法。
很多程序員都遵循很多其他規則,但大多數規則都是自以爲是的,所以您需要採取一種有效的方式來佈局CSS。即使我所說的規則不會「打破」你的CSS,如果不使用,但它們往往會幫助減少問題。進一步研究這個話題,並嘗試採用一套規則來遵循並保持一致。
-1
你可以縮進你的css。或者在項目結束時將其最小化。 你可以使用大量的網站,可以幫助你做到這一點。
0
瞭解瀏覽器如何解析CSS和呈現網站是編寫更高效代碼的重要第一步。
關鍵選擇器有四種:ID,類,標籤和通用。它們的效率是相同的。
#main-navigation { } /* ID (Fastest) */
body.home #page-wrap { } /* ID */
.main-navigation { } /* Class */
ul li a.current { } /* Class *
ul { } /* Tag */
ul li a { } /* Tag */
* { } /* Universal (Slowest) */
#content [title='home'] /* Universal */
您可以參考以下文章編寫更有效的CSS
相關問題
- 1. 在CSS Grid中沒有正確佈局的網格區域
- 2. 修復我的佈局有正確的頁邊距與CSS
- 3. 網站佈局沒有正確定位
- 4. NSStackView沒有正確佈局視圖
- 5. 是否有正確和錯誤的方式來格式化CSS?
- 6. 正確的佈局方式界面C#
- 7. 沒有固定寬度的CSS佈局
- 8. 沒有額外'divs'的CSS佈局
- 9. Android佈局 - 最有效的方式來實現我之後
- 10. 正確的方式來實現這種佈局?
- 11. CSS樣式沒有正確填充
- 12. Android - 有沒有更好的方法來做這種佈局?
- 13. CSS沒有正確格式化我的郵件
- 14. 有沒有更好的方式去使用ui.router來構建佈局?
- 15. 有沒有「正確」的方法來測試HTML有效性?
- 16. CSS沒有正確對齊
- 17. QWebView沒有正確佈置
- 18. 有沒有正確的方法來組合兩個不正確的提交?
- 19. 用正方形,行和列的網格佈局CSS有問題
- 20. 沒有CSS表達式的可移除側欄佈局?
- 21. Rails沒有爲javascript請求選擇正確的佈局
- 22. 沒有CSS3的響應式佈局
- 23. 有沒有「正確」的方式來存儲應用程序的登錄會話?
- 24. 有沒有更優雅的方式來找到正確的號碼?
- 25. Symfony:我如何在沒有佈局的頁面中加載.css?
- 26. 有沒有「最好」的方式來編輯CSS?
- 27. 有沒有正確的方法來操縱GoogleAppEngine安全權限?
- 28. 有沒有更好的方法來確保數字是正數?
- 29. 有沒有一種「正確的方法」來避免output_buffering?
- 30. 有沒有一種「正確的方式」來創建瘦戰爭和搖籃
https://smacss.com/和https://en.bem.info/是兩種流行的方法。 – ceejayoz