{"id":4225,"date":"2025-09-15T01:13:17","date_gmt":"2025-09-14T16:13:17","guid":{"rendered":"https:\/\/wwweb.jp\/wp\/?p=4225"},"modified":"2025-09-15T01:15:16","modified_gmt":"2025-09-14T16:15:16","slug":"%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%ab%e3%82%b7%e3%83%bc%e3%83%88%e3%81%a8%e3%81%af","status":"publish","type":"post","link":"https:\/\/wwweb.jp\/?p=4225","title":{"rendered":"\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3068\u306f"},"content":{"rendered":"\n<h2 class=\"wp-block-heading has-text-align-left\">CSS (Cascading Style Sheets)<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"533\" height=\"262\" src=\"https:\/\/wwweb.jp\/wp\/wp-content\/uploads\/2025\/09\/css.png\" alt=\"\" class=\"wp-image-4226\" srcset=\"https:\/\/wwweb.jp\/wp\/wp-content\/uploads\/2025\/09\/css.png 533w, https:\/\/wwweb.jp\/wp\/wp-content\/uploads\/2025\/09\/css-300x147.png 300w\" sizes=\"auto, (max-width: 533px) 100vw, 533px\" \/><\/figure>\n\n\n\n<p>\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u306f\u3001<strong>CSS(\u30b7\u30fc\u30a8\u30b9\u30a8\u30b9)<\/strong>\u3068\u3088\u3070\u308c\u3066\u3044\u307e\u3059\u3002<br>HTML\u306b<strong>\u30b9\u30bf\u30a4\u30eb\u6a5f\u80fd<\/strong>\u3092\u63d0\u4f9b\u3057\u8868\u793a\u3092\u5236\u5fa1\u3059\u308b\u305f\u3081\u306e\u8a00\u8a9e\u3067\u3059\u3002CSS\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30a6\u30a7\u30d6\u30da\u30fc\u30b8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3092\u6574\u3048\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u30a6\u30a7\u30d6\u30da\u30fc\u30b8\u306e\u4f59\u767d\u3084\u6587\u5b57\u306e\u5927\u304d\u3055\u3001\u8272\u306a\u3069\u3092\u6307\u5b9a\u3059\u308b\u3053\u3068\u3082\u3067\u304d\u308b\u306e\u3067\u3001Web\u30b5\u30a4\u30c8\u306e\u898b\u6804\u3048\u304c\u5927\u304d\u304f\u5909\u308f\u308a\u307e\u3059\u3002\u30a6\u30a7\u30d6\u30c7\u30b6\u30a4\u30f3\u306b\u306f\u6b20\u304b\u305b\u306a\u3044\u30d5\u30a1\u30a4\u30eb\u3067\u3059\u3002\u62e1\u5f35\u5b50\u306f\u3001\u300c<strong>css<\/strong>\u300d(\u534a\u89d2\u5c0f\u6587\u5b57)\u3068\u306a\u308a\u307e\u3059\u3002\u3010\u4f8b\uff1astyle.css\u3011<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left\">CSS\u306e\u5f79\u5272<\/h2>\n\n\n\n<p>HTML\u3067\u306f\u3001\u300c\u898b\u51fa\u3057\u300d\u3084\u300c\u6bb5\u843d\u300d\u306a\u3069\u306e\u6587\u7ae0\u69cb\u9020\u3092\u8868\u3057\u3066\u3044\u307e\u3059\u304c\u3001\u300c\u6587\u5b57\u306e\u5927\u304d\u3055\u3084\u8272\u300d\u300c\u4f59\u767d\u300d\u300c\u80cc\u666f\u300d\u306a\u3069\u898b\u305f\u76ee\u306b\u3064\u3044\u3066\u306e\u6307\u5b9a\u304c\u3067\u304d\u307e\u305b\u3093\u3002<strong>\u300c\u898b\u305f\u76ee\u300d\u3092\u88c5\u98fe\u3059\u308b\u306b\u306f\u3001CSS\u3092\u4f7f\u3044\u307e\u3059\u3002<\/strong>\u898b\u305f\u76ee\u3060\u3051\u3067\u306a\u304f\u3001\u914d\u7f6e\u3084\u52d5\u304d\u3092\u5236\u5fa1\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left\">CSS\u306e\u6ce8\u610f\u70b9<\/h2>\n\n\n\n<p>HTML\u30d5\u30a1\u30a4\u30eb\u3068CSS\u30d5\u30a1\u30a4\u30eb\u3092\u95a2\u9023\u4ed8\u3051\u308b\u3053\u3068\u306b\u3088\u308a\u3001Web\u30da\u30fc\u30b8\u5168\u4f53\u306b\u30b9\u30bf\u30a4\u30eb\u304c\u9069\u7528\u3055\u308c\u307e\u3059\u3002<strong>\u672c\u6765\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u306f\u5225\u30d5\u30a1\u30a4\u30eb(style.css)\u306b\u8a18\u8ff0\u3059\u308b\u3088\u3046\u306b\u3057\u307e\u3057\u3087\u3046\u3002<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"533\" height=\"350\" src=\"https:\/\/wwweb.jp\/wp\/wp-content\/uploads\/2025\/09\/csss.png\" alt=\"\" class=\"wp-image-4227\" srcset=\"https:\/\/wwweb.jp\/wp\/wp-content\/uploads\/2025\/09\/csss.png 533w, https:\/\/wwweb.jp\/wp\/wp-content\/uploads\/2025\/09\/csss-300x197.png 300w\" sizes=\"auto, (max-width: 533px) 100vw, 533px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left\"><strong>CSS\u306e\u8a18\u8ff0<\/strong><\/h2>\n\n\n\n<p>\u30a8\u30c7\u30a3\u30bf\u306e\u5192\u982d\u306b\u4ee5\u4e0b\u306e\u8a18\u8ff0\u3092\u3057\u3001<strong>style.css<\/strong>\u3068\u547d\u540d\u3057\u3066\u300ccss\u300d\u30d5\u30a9\u30eb\u30c0\u30fc\u3078\u4fdd\u5b58\u3057\u307e\u3059\u3002(\u6587\u5b57\u30b3\u30fc\u30c9\u3092\u6307\u5b9a\u3059\u308b\u4ee5\u4e0b\u306e\u300cutf-8\u300d\u306f\u3001\u5927\u6587\u5b57\u3067\u3082\u5c0f\u6587\u5b57\u3067\u3082\u3088\u3044)<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism undefined-numbers lang-css\" data-lang=\"CSS\"><code>@charset &quot;utf-8&quot;;<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left\">HTML\u30d5\u30a1\u30a4\u30eb\u306b\u30ea\u30f3\u30af\u3059\u308b<\/h2>\n\n\n\n<p>\u4ee5\u4e0b\u306e\u4e00\u6587\u3092\u3001HTML\u306e&lt;head&gt;&lt;\/head&gt;\u5185\u306b\u8a18\u8ff0\u3057\u3001\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u3092\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism undefined-numbers lang-html\" data-lang=\"HTML\"><code>&lt;link rel=&quot;stylesheet&quot; href=&quot;css\/style.css&quot;&gt;\n\/*\u4e0a\u4e0b\u3069\u3061\u3089\u3067\u3082\u3088\u3044*\/\n&lt;link href=&quot;css\/style.css&quot; rel=&quot;stylesheet&quot;&gt;<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left\"><strong>\u30b3\u30e1\u30f3\u30c8\u306e\u66f8\u304d\u65b9<\/strong><\/h2>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism undefined-numbers lang-css\" data-lang=\"CSS\"><code>\/*\u3053\u306e\u4e2d\u306b\u30b3\u30e1\u30f3\u30c8\u3092\u5165\u308c\u307e\u3059\u3002*\/\n\/*\n\u30b3\u30e1\u30f3\u30c8\u4e2d\u306b\u6539\u884c\u3092\u3057\u3066\u3082\u554f\u984c\u3042\u308a\u307e\u305b\u3093\u3002\n*\/<\/code><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-left\">\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u306e\u66f8\u5f0f<\/h2>\n\n\n\n<p><strong>\u30bb\u30ec\u30af\u30bf { \u30d7\u30ed\u30d1\u30c6\u30a3 [\u5c5e\u6027]: \u5024 [\u30d7\u30ed\u30d1\u30c6\u30a3\u5024]\uff1b}<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"300\" src=\"https:\/\/wwweb.jp\/wp\/wp-content\/uploads\/2025\/09\/css-1.png\" alt=\"\" class=\"wp-image-4228\" srcset=\"https:\/\/wwweb.jp\/wp\/wp-content\/uploads\/2025\/09\/css-1.png 800w, https:\/\/wwweb.jp\/wp\/wp-content\/uploads\/2025\/09\/css-1-300x113.png 300w, https:\/\/wwweb.jp\/wp\/wp-content\/uploads\/2025\/09\/css-1-768x288.png 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n\n\n<p><strong>\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u306e\u57fa\u672c<\/strong><\/p>\n\n\n\n<p>\u4e0a\u8a18\u306f\u3001h1\u306e\u6587\u5b57\u306e\u8272\u3092\u300c\u8d64\u300d\u306b\u3059\u308b\u3001\u3068\u3044\u3063\u305f\u30b9\u30bf\u30a4\u30eb\u306e\u8a18\u8ff0\u3067\u3059\u3002<strong>\u30bb\u30ec\u30af\u30bf\u306f\u3001\u300c\u3069\u3053\u306e\u300d\u3068\u3044\u3046\u610f\u5473\u3092\u6301\u3061\u3001\u30d7\u30ed\u30d1\u30c6\u30a3\u306f\u300c\u4f55\u3092\u300d\u5024\u306f\u300c\u3069\u3046\u3059\u308b\u300d\u3068\u3044\u3046\u610f\u5473\u5408\u3044\u3092\u305d\u308c\u305e\u308c\u6301\u3063\u3066\u3044\u307e\u3059\u3002<\/strong>\u30d7\u30ed\u30d1\u30c6\u30a3\u3068\u5024\u306f\u300c:(\u30b3\u30ed\u30f3)\u300d\u3067\u533a\u5207\u308a\u3001\u3072\u3068\u3064\u306e\u30b9\u30bf\u30a4\u30eb\u304c\u7d42\u4e86\u3059\u308b\u3054\u3068\u306b\u300c;\uff08\u30bb\u30df\u30b3\u30ed\u30f3\uff09\u300d\u3067\u533a\u5207\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism undefined-numbers lang-css\" data-lang=\"CSS\"><code>\/*--- h1\u306e\u6587\u5b57\u306e\u8272\u306f\u3001\u8d64\u8272\u3002\u80cc\u666f\u8272\u306f\u3001\u9ec4\u8272\u3067\u3059\u3002-----*\/\nh1{\ncolor:#ff0000;\nbackground-color:#ffff00;\n}<\/code><\/pre><\/div>\n","protected":false},"excerpt":{"rendered":"CSS (Cascading Style Sheets) \u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u306f\u3001CSS(\u30b7\u30fc\u30a8\u30b9\u30a8\u30b9)\u3068\u3088\u3070\u308c\u3066\u3044\u307e\u3059\u3002HTML\u306b\u30b9\u30bf\u30a4\u30eb\u6a5f\u80fd\u3092\u63d0\u4f9b\u3057\u8868\u793a\u3092\u5236\u5fa1\u3059\u308b\u305f\u3081\u306e\u8a00\u8a9e\u3067\u3059\u3002CSS\u3092\u4f7f\u7528\u3059\u308b\u3068\u3001\u30a6\u30a7\u30d6\u30da\u30fc\u30b8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8 [&hellip;]","protected":false},"author":1,"featured_media":4226,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[43],"tags":[],"class_list":["post-4225","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-foundation"],"jetpack_featured_media_url":"https:\/\/wwweb.jp\/wp\/wp-content\/uploads\/2025\/09\/css.png","_links":{"self":[{"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/posts\/4225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wwweb.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=4225"}],"version-history":[{"count":3,"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/posts\/4225\/revisions"}],"predecessor-version":[{"id":4231,"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/posts\/4225\/revisions\/4231"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wwweb.jp\/index.php?rest_route=\/wp\/v2\/media\/4226"}],"wp:attachment":[{"href":"https:\/\/wwweb.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=4225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wwweb.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=4225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wwweb.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=4225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}