CSS JSON格式是一種用于描述CSS樣式的格式。它以JSON(JavaScript對象表示法)格式編寫,可以通過JavaScript對象來表示。
使用CSS JSON格式,可以輕松地組織CSS樣式并將它們與HTML文檔分開。以下是一個使用CSS JSON格式表示CSS樣式的示例:
{ "body": { "background-color": "#fff", "color": "#333" }, "header": { "background-color": "#000", "color": "#fff", "height": "50px" }, "h1": { "font-size": "2rem", "margin": "0", "padding": "10px" }, "a": { "color": "#f00", "text-decoration": "none" } }
在該示例中,我們可以看到用于描述CSS樣式的JSON對象。它們分別包含了針對body,header,h1和a HTML標記的樣式規則。其中,屬性名表示CSS屬性,屬性值表示CSS值。
CSS JSON格式易于閱讀、理解和編寫。同時,它也能夠很好地與JavaScript結合使用,使得在網頁中動態地修改樣式變得更加容易。