はてなブログのCSSを変更しても反映されないときの対処法2017-02-02はてなブログのCSSを変更しても反映されないときの対処法WEBデザインはてなブログユーザーということでProgateで学んだCSSの知識を活かして「はてなブログ」のデザインを変えていました。「なぜか反映されない!?」というときがありまして...。原因を調べてみると単純な理由だったので、忘備録として紹介します。画像付きで説明しますが、手っ取り早く答えを知りたい方は最後まで一気にスクロールしてもらえればと思います。開発者ツールとは?(読み飛ばしOK)入力したCSSが反映されていない!?入力のときに「全角スペース」が入力されていた解決策まとめ開発者ツールとは?(読み飛ばしOK)WEBをデザインするなら頻繁に使用するツールで、キーボードの「F12」を押すことで利用できます。ページの作成とデバッグをサポートするツール群です。要するに、僕の打ったCSSがエラーになり反映されていない!?入力のときに「全角スペース」が入力されていた原因を調べてみると...「全角スペース」でした。CSS記述欄に全角スペースが入力されているとエラーとなってしまいます。上の画像であれば、赤線部の部分はすべて全角スペースが入力されています。ぶっちゃけ、見た目じゃ判断できないですよね...はてなブログのCSS入力画面では、改行時に入力位置を自動で調節してくれる便利な機能があります。最初に記入したデータに全角スペースが挟まっていたため、すべてエラーを出したってことです。要するに、コード内にある全角スペースを取り除くとOK!なのでひとつひとつ消していくと...。なりまして...無事反映されました!まとめ一言で言うと入力したコードの前後に全角スペースがないか確認するです。その確認には開発者ツールが便利です。調べてみると単純なことでした。ケアレスミスで無駄な時間を過ごしてしまいました。CSSの入力は気をつけなきゃ...。関連記事2017-03-07【コピペで楽々】どのサイトにもなじむシンプルな固定シェアボタン固定シェアボタンの新しいデザインを作りました。シンプルなデ...2017-02-26Progateを利用した1ヶ月のプログラミング技術の変遷と、今後の目標を一回整理してみる1月17日にプログラミングを趣味にすると宣言して早1ヶ月。プロ...2017-01-21プログラミング未経験だった僕がオンライン学習サービス「Progate」を絶対的におススメする3つの魅...こんにちは。「Pr...2017-01-17「Progate」で、プログラミングを趣味にするぞー!そんな僕がとうとう、あの趣味に手を出しました。試されるのは運と度胸!子供から大人まで楽しめるボードゲーム「インカの黄金」のルールと魅力を紹介ゲーム内容以外で選ぶ、おすすめボードゲーム3選!1人でも安心。続けるためには、目標を呆れるほど小さく持とう予定を断捨離。(6)プロフィール月別アーカイブプロフィール検索はてなブログをはじめよう!trrunさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。