ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSを簡単に学ぶためのポイント

CSSを簡単に学ぶためのポイント

不言
リリース: 2018-04-21 15:46:32
オリジナル
1330 人が閲覧しました

この記事で紹介した内容は、CSSの簡単な学習の要点をまとめたものなので、困っている友達は参考にしてください

。 .cn/css

CSSとは、HTML要素の表示をより標準化するもので、タグやファイルヘッダー、外部ファイルに記述でき、ブラウザのデフォルト設定(高レベルから低レベルまで)を統一・標準化することができます。

要素{属性: value}

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

h1要素内のテキストの色を赤に定義し、フォントサイズを14ピクセルに設定します

CSSは大文字と小文字を区別しません。例外が 1 つあります。HTML ドキュメントを操作する場合、クラス名と ID 名は大文字と小文字が区別されます。

セレクターをグループ化して、グループ化されたセレクターが同じ宣言を共有するようにすることができます。

h1,h2,h3,h4,h5,h6 {  color: green;  }
ログイン後にコピー

すべてのタイトル要素は緑色です。

IDセレクターは「#」で定義されます

#red {color:red;}#green {color:green;}
ログイン後にコピー

最初のセレクターは要素の色を赤として定義でき、2番目のセレクターは要素の色を緑として定義できます

<p id="red">这个段落是红色。</p><p id="green">这个段落是绿色。</p>
ログイン後にコピー

id属性は1回のみ出現できます各 HTML ドキュメント内

派生セレクター: コンテキストを通じてスタイルを定義する
id セレクター: # を使用して特定の ID でスタイルを定義する
クラス セレクター: .class name
属性セレクター: 指定された属性のスタイルを定義する

外部スタイル シート:

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

以上がCSSを簡単に学ぶためのポイントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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