谷歌編寫了一種特殊的 CSS 風格,它被廣泛使用于谷歌旗下的眾多網站和應用程序。該風格旨在提高代碼的可讀性、可維護性和可擴展性。
/* Good example */ .example { font-size: 16px; line-height: 1.5em; color: #333; background-color: #ddd; border: 1px solid #ccc; border-radius: 3px; padding: 10px 20px; } /* Bad example */ .example { font-size:16px;line-height:1.5em;color:#333;background-color:#ddd;border:1px solid #ccc;border-radius:3px;padding:10px 20px; }
該風格鼓勵使用短屬性值、4 個空格的縮進、使用 0 而非 none 表示無值屬性、不使用 !important 和嵌套選擇器等。它還推薦使用 pre 處理器 (如 Sass) 來減少重復代碼,并使用典型的命名約定 (如 BEM、OOCSS 等)。
總的來說,谷歌 CSS 風格是一個有益的指南,通過使代碼更具結構化和可讀性,可幫助開發(fā)人員更輕松地處理復雜的代碼庫。