コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML CSS スタイルシート

HTML CSS スタイルシート

WBOY
リリース： 2016-09-11 11:19:49
オリジナル
2124 人が閲覧しました

CSS (Cascading Style Sheet、カスケード スタイル シート) は、HTML Web ページを美しくするために使用されます。

/*コメントエリア*/ これはコメント構文です

1. スタイルシート

(1) スタイルシートの分類

1.インラインスタイルシート

と HTML は正確に制御されて同時に表示されますが、再利用性は低く、冗長性が高くなります。

例:

インライン スタイル シート

2.埋め込みスタイルシート

はWebページ内に独立した領域として埋め込まれており、headタグ内に記述する必要があります。

3.

外部スタイルシート

スタイルシートを配置する新しいCSSファイルを作成します。 HTML

ファイル内のスタイルシートを呼び出したい場合は、HTMLファイル内で→CSSStyle Sheet→を右クリックしてスタイルシートを添付する必要があります。通常、接続には link を使用します。 一部のタグにはデフォルトのマージンがあり、通常はスタイル シート コードを記述するときに削除されます (他のスタイルも設定できます)。以下のように:

(2) セレクター

1.タグセレクター。タグ名をセレクターとして使用します。

2.クラス

セレクター。それらはすべて

「.」

で始まります。

3.ID

セレクター。

"#"

で始めてください。

スタイル名">

4.

複合セレクター

(1) は、並置を示すために "

, " で区切られています。

(2) は子孫を示すためにスペースで区切られています。

(3) フィルター".".

2. スタイル属性

(1) 背景と前景

1.背景:

2.前景フォント:

(2) ボーダーとボーダー

border (表の境界線、スタイルなど)、margin (表の外側の間隔)。 パディング (コンテンツとセルの間隔)。

(3) リストとブロック

width、height、(top、bottom、left、right)は、絶対座標でのみ役立ちます。

リンクされたスタイル:

a:link ハイパーリンクをクリックする前の状態

a:visited ハイパーリンクをクリックした後のステータス

a:hover ハイパーリンク上にマウスを移動するとき

a:active ハイパーリンクがクリックされたとき

これらの状態を定義するときは、順序があります l v h a

関連ラベル：
HTML CSS样式表
ソース：php.cn
前の記事：CSS スプライト(CSS スプライト) 次の記事：inkscape -- シェイプ チュートリアル (翻訳)
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
MySQL SQLクエリを使用して別のテーブルのフィールドの合計を計算する 次のようなスキーマがあります。 属性「user_id」と「username」を持つユーザーテーブルと、属性「customer_id」（user_idのFK）と「finalPrice...
から 2024-04-06 19:39:29
0
1
441
SCSSを使用してデフォルト値とCSS変数を生成する ウェブサイトのスタイリングを実装しています。レガシー サポートの理由から、少なくともしばらくの間は IE11 をサポートする必要があります。ワークフローと私の健全性の理由から、私は...
から 2024-04-06 17:46:54
0
1
355
CSS スタイルがサイトに適用されない Bootstrap5を使用してWebサイトを作成していますが、index.cssプロパティがindex.htmlに適用されません。サービス カードの上にマウスを移動すると、背景が変...
から 2024-04-06 17:12:23
0
1
336
hr タグが単色白に設定されているのに半透明になるのはなぜですか? HTML（ブートストラップ付き）とCSSがあり、HTMLにはクラスを持つ<hr>タグがあり、CSSにはその境界線スタイルがあります。半透明で白い色は見えますが、「固体」...
から 2024-04-06 16:13:26
0
1
500
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート