ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS スタイルでよくあるエラーは何ですか?

CSS スタイルでよくあるエラーは何ですか?

青灯夜游
リリース: 2023-01-07 11:43:23
オリジナル
2996 人が閲覧しました

css スタイル エラーには次のものが含まれます: 1. 外部スタイル シートに関連付けられていない; 2. スタイル シートを保存するときのコーディング エラー; 3. セレクターの間違った選択; 4. 構文エラー (間違った属性名など)標準、中国語または全角記号などを使用してください。

CSS スタイルでよくあるエラーは何ですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

一般的な css スタイル エラー

1. 外部スタイル シートに関連付けられていません

これは非常に言葉にならないエラーですが、私はこのエラーに遭遇しました。 「前にもここに来たことがあります。一生懸命コードを書いたのですが、どのスタイルも有効になっていないことがわかりました。長い間愚かに作業していましたが、最終的に外部スタイルを関連付けるのを忘れていたことに気づきました。それは本当に残念でした」時間。 。

すべてのスタイルが有効にならない場合は、まずスタイル シートが関連付けられているかどうか、または関連付けられているスタイルの位置と名前が正しいかどうかを確認してください

<link rel="stylesheet" href="css/index.css"/>
ログイン後にコピー

2. テーブル保存時のスタイル エンコーディング エラー

CSS テーブルのエンコーディングが間違っていると思われる場合は、CSS ファイルを UTF-8 エンコーディングのファイルとして直接保存できます。

3. セレクターの選択が間違っている セレクターの順序と名前を誤って記述すると、

  • #html 内のタグが忘れられてエラーが発生する可能性があります。クラス名と ID を書き込み、セレクターがこれらの欠落したクラス名、ID などを使用すると、当然スタイルは有効になりません。

  • 子孫セレクターがスペースで書かれているかどうか;

  • p.box{} のようなセレクターは p.box{} として書かれるか、つまり、余分なスペースが書き込まれます

  • 4. 構文エラー

Google Chrome の開発者ツールを例に挙げると、一般的には文法エラーです。スタイルに取り消し線を引くと が表示され、スタイルの左側にアイコン プロンプトが表示され、そこにマウスを移動すると英語のプロンプトが表示されます。以下の図に示すように:

一般的な文法エラーには次のものが含まれます:


CSS スタイルでよくあるエラーは何ですか?1)、間違った属性名、属性値が仕様に準拠していません。
# #2)、次の記号は中国語または全角記号を使用しています:

,;{}:
ログイン後にコピー
3)、HTML タグが完全に記述されておらず、「」が欠落しているなどです。

(学習ビデオの共有:

css ビデオ チュートリアル

)

以上がCSS スタイルでよくあるエラーは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート