ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS の概要: CSS 文法規則は何で構成されていますか?

CSS の概要: CSS 文法規則は何で構成されていますか?

云罗郡主
リリース: 2018-11-06 13:57:31
オリジナル
6480 人が閲覧しました

CSS を始めたばかりの人は、CSS 文法のルールをよく理解しておらず、CSS 文法のルールが何で構成されているかもわかりません。CSS 文法のルールが何で構成されているかを説明しましょう。

CSS の概要: CSS 文法規則は何で構成されていますか?

css は主に 2 つの部分で構成されます。1 つ目はセレクターで、2 つ目はステートメントです。ステートメントは 1 つまたは複数で、CSS セレクターは When です。 HTML のスタイルを変更します。各ステートメントは属性と値で構成されます。 CSS の主な構文は次のとおりです。

selector {declaration1; declaration2; ... declarationN }
ログイン後にコピー

以下では、CSS のルールを説明するためにケースを使用します。

h1 {color:red; font-size:16px;}
ログイン後にコピー

上記のコードでは、h1 はセレクターを表し、カーリー内のステートメントを表します。 braces は属性と値で、color は css の属性、red は値を記述する方法がいくつかあります。16 進数の #ff0000 を使用することもできます。もちろん、Less bytes は CSS の略語で表すこともできます。パーセンテージを使用する場合は、パーセンテージ記号を記述する必要があります。

CSS で最も重要なことは、複数の宣言を定義する場合、宣言記号を使用して、最後の属性にセミコロンを追加する必要はありません。英語では、区切り記号は終了記号ではありませんが、多くの経験豊富な人々は区切り記号を追加することを好みます。これにより、間違いを犯す可能性が減ります。例:

p {
  text-align: center;
  color: black;
  font-family: arial;
}
ログイン後にコピー

最後に、スペースと大文字小文字に注意する必要があります。多くのスタイルには複数のステートメントがあるため、CSS で HTML を操作する場合、CSS のクラスは非常に重要です。

上記は CSS を始めるための完全な入門書です。CSS 文法ルールの構成については、CSS チュートリアル CSS3 チュートリアル をご覧ください。 php 中国語 Web サイトにご注意ください。


以上がCSS の概要: CSS 文法規則は何で構成されていますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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