CSS里的public是指在整個網站中可以使用的公共樣式表,避免了重復編寫樣式。可以理解為全局的樣式,相當于網站的“基礎設施”,因為它幾乎囊括了每個頁面都需要的樣式。
public { font-family: Arial, sans-serif; font-size: 16px; line-height: 1.5; color: #333; background-color: #fff; margin: 0; padding: 0; box-sizing: border-box; text-align: left; }
在這段代碼中,我們定義了public的樣式,首先設置了字體樣式和大小,行高、字體顏色以及背景顏色等基本樣式。然后設置了margin和padding,box-sizing用于指定元素的盒子模型是content-box(默認值)還是border-box。
text-align設為左對齊,之所以不設為居中或右對齊,是因為左對齊是默認值,更有利于可讀性。此外,在定義public的樣式表時,在一些特定的情況下需要特別注意,比如在使用Flexbox布局時,可能需要在某些元素上覆蓋調用public定義的屬性。
通過使用public樣式表,我們可以在全站中保持樣式的一致性,減少冗余代碼,讓網頁加載的速度更快,并且極大地提高了CSS的可維護性。