{
  "$type": "site.standard.document",
  "bskyPostRef": {
    "cid": "bafyreiaadpovtvx7j6sj537p5ebgp7h6ynnc6eokt24syzkou3orhrhjym",
    "uri": "at://did:plc:3edw5qvtvdf24qxyhhwuqju2/app.bsky.feed.post/3mikbncdpljd2"
  },
  "coverImage": {
    "$type": "blob",
    "ref": {
      "$link": "bafkreidc3wlyn7fri4yv4mqrifnjfqssxn75ghf4uzr7ky4446xcv3ptly"
    },
    "mimeType": "image/png",
    "size": 113185
  },
  "path": "/articles/build-websites/operation/css/modern-css-code.html",
  "publishedAt": "2026-04-02T00:36:21.000Z",
  "site": "https://coliss.com",
  "tags": [
    "サイト構築 -CSS"
  ],
  "textContent": "CSSのさまざまな古い書き方をモダンCSSやTailwinds CSSでどう書くのか教えてくれるサイトを紹介します。 要素を中央配置するCSSをはじめ、スクロールバーの出現によるレイアウトシフトを防ぐCSS、HEX値やr […]",
  "title": "そのCSSの書き方は古すぎる！ モダンCSSとTailwinds CSSでどのように記述するのかが分かる -modern.css"
}