*

CSSが効かなくなった!時に確かめる事

公開日: : 最終更新日:2015/10/29 Web制作

css2

CSS は現在の Web 制作においては必須スキルです。無料サービスのブログ等では必須スキルではありませんが、知識は持っていたほうが独自のデザインを作ることが出来て有用です。

CSS とは?

Cascading Style Sheets(CSS、カスケーディング・スタイル・シート、カスケード・スタイル・シート)とは、HTML や XML の要素をどのように修飾(表示)するかを指示する、W3Cによる仕様の一つ。文書の構造と体裁を分離させるという理念を実現する為に提唱されたスタイルシートの、具体的な仕様の一つ。(引用元

CSS をちょっと知っている人でも知らないと陥る罠があります。CSS が効かない!?と色々修正したり、書きなおしたりするのに何時間もかけるくらいなら少し落ち着いてコーヒーでも飲みましょう。意外と単純な事かもしれません。

CSS が効かなくなった時に確かめる事

記述ミスしていませんか?

当然、書き方を間違えれば CSS は効きません。これで合ってると思っていても、改めて落ち着いて見てみれば記述ミスをしているかもしれません。

例えば、「font-weight」を「font-weiht」など一字抜いてしまう事は焦っているとよくある事です。

文末のセミコロンを忘れていませんか?

CSS の文末にセミコロンを付ける事はルールと思っていた方がいいです。厳密には{}でくくる一番最後のプロパティにはセミコロンを付けなくても大丈夫なのですが、中途半端に付けないと CSS が効かない時にエラー箇所を探すのに手間取ります。

クラス名やID名の頭に数字を使っていませんか?

これが知らないと陥る罠です。エラーだと気付かずに延々と時間だけが過ぎていきます。実はクラス名や ID 名の最初に数字を付けると CSS が効きません。
CSS の中身の記述にエラーはないのに効かなくて諦めてしまった人もいらっしゃるかもしれません。実はそういったクラスや ID の名づけ方ルールがあったのです。

何故なのかというと、そういう仕様でルールだからとしか言えないのですが、Windows より前のパソコンの時代からプログラミングは最初に数字は使えないという習慣があったようです。

上部広告

  • Pocket

おすすめトピックス

関連記事

ブログ記事通りにコピペしたのにjqueryが動かない時に確認する事

ウェブサイトを訪れた時に画像がスライドで切り替わったり、スマートフォンサイトだったら横からメニューが出てきたりインタラクティブな動きをするウェブサイトを一度は見たことがあると思います。それらは大抵 jQuery という技 […]

オフィス画像モニタ
Chrome42から標準フォントがメイリオになってデザイン崩れが発生

Google Chrome42 から日本語標準フォントがMS Pゴシックからメイリオに変わりました。フォントが変わるだけですが、これは意外と大きな変更です。 昔から Windows のブラウザの標準日本語フォントには「M […]

Google Analyticsで簡単にダウンロードカウンタを実装しよう

こんにちは、土日になる度雨で鬱な桐村です。 何か自分で作った作品をネットにアップしていたら、ダウンロード数って気になりませんか?そうするとダウンロードカウンタという選択肢が出てくるわけですが、普通一般的なサイトにダウンロ […]

ECCUBE
EC-CUBE2.11で全角英数字でも検索できるようにする方法

EC-CUBE2.11系のカスタマイズ方法は見当たらなくて苦労したのでメモしておきます。 EC-CUBE(イーシーキューブ)は、オープンソースのEC向けコンテンツマネージメントシステムである。(引用元) ようは、ネットシ […]

上部広告

著者について

名前:Azell
作曲したり風景写真撮ったりWeb制作したりする人です。 好きな事を楽しくブログに綴れていけたらと思います。

フォローはこちら

       

上部広告

       
FOR HONOR(フォーオナー)PC版をGeforce GTX960でプレイした感想

侍が登場するゲームが出ると聞いて大変興味が沸いたゲームがありま

チキンガンボ
札幌でアメリカン料理が楽しめるダイニングバー「BUDDY BUDDY(バディバディ)」でディナー

札幌には和食、イタリアン、パンケーキ、様々な飲食店がありますが

ピクルス
ピクルスとは何か?実はきゅうりを指す言葉ではなかった

ピクルスと聞いて何を思い浮かべるでしょうか?日本でも一般的な食

釜飯
新千歳空港で新鮮な海鮮釜飯が食べられる「北海道釧路ふく亭」は穴場

新千歳空港で特にあてもなく晩御飯を食べる所を探していたのですが

チキンカレー
札幌すすきのイタリアンバー「エゾバルバンバン」でサラダバー付き激安ランチ

札幌のすすきのへとある人気店へランチに出かけたのですが、とんで

→もっと見る