コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > フロントエンドQ&A > CSSスタイルシートとは何ですか

CSSスタイルシートとは何ですか

青灯夜游
リリース： 2023-01-04 09:34:22
オリジナル
6846 人が閲覧しました

css スタイル シートとは、HTML や XML などのファイル スタイルを表現するために使用されるコンピューター言語である Cascading Style Sheets (CSS) と、HTML スタイルを表現するために使用されるプログラミング言語を指します。 Web ページとコンテンツ。

CSSスタイルシートとは何ですか

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

css スタイル シートとは、一般的に CSS (Cascading Style Sheet) を指します。

カスケード スタイル シート (英語の正式名: Cascading Style Sheets) は、HTML (標準汎用マークアップ言語のアプリケーション) または XML (標準汎用マークアップ言語のサブセット) を表現するために使用されるファイルです。スタイル言語は、HTML スタイルを表現するために使用されるプログラミング言語であり、Web ページとコンテンツを分離できるスタイル言語です。

CSS は主に Web ページのスタイルをデザインし、Web ページを美しくするために使用されます。Web ページを静的に変更するだけでなく、さまざまなスクリプト言語と組み合わせて Web ページのさまざまな要素を動的にフォーマットすることもできます。

CSS は、Web ページ内の要素の位置のレイアウトをピクセルレベルで正確に制御でき、ほぼすべてのフォント サイズ スタイルをサポートし、Web ページのオブジェクトとモデル スタイルを編集する機能を備えています。

css の構成

css 定義は、セレクター、属性、属性値の 3 つの部分で構成されます

选择符{属性:属性值;}
ログイン後にコピー

1. セレクター: セレクターとも呼ばれます。 HTML 言語のすべてのタグは、さまざまな CSS セレクターを通じて制御されます。

2. 属性: 主に、フォント属性、テキスト属性、背景属性、レイアウト属性、境界線属性、リスト項目属性、テーブル属性などが含まれます。これらの属性の一部は一部のブラウザでのみサポートされているため、CSS 属性の使用がより複雑になります

3. 属性値: 特定の属性の有効な値です。属性と属性値は「:」セミコロンで区切られます。複数の属性がある場合は、「;」を使用して区切ります。

例:

<style>
h2{
font-family:宋体;
color:red;
}
</style>
ログイン後にコピー

(学習ビデオ共有: css ビデオ チュートリアル)

注: h2 はセレクター、font-family は属性、「夏体」は属性値

css セレクター

一般的に使用されるものには、タグ セレクター、カテゴリ セレクター、ID セレクターなどが含まれます。

1) タグ セレクター (要素セレクター、タイプ セレクターとも呼ばれます)

内容: HTML ページは、イメージ タグ CSSスタイルシートとは何ですか、ハイパーリンク タグ などの多くのタグで構成されます。 、テーブルタグ

など。 CSS タグ セレクターは、ページ上のどのタグが CSS スタイルを採用するかを宣言します。

例:

<style>
a{
font-size:9px;
color:#F93;
}
<style>
ログイン後にコピー

2) カテゴリ セレクター

形式: ドット (.) カテゴリ名

# タグセレクターの使用には制限があります。タグセレクターを宣言すると、ページ内のそのタグのすべてのコンテンツが変更されます。ページに 3 つの

タグがあるとします。各

を異なる表示にしたい場合は、カテゴリ タガーを使用できます。

  • カテゴリ セレクターの HTML タグは、class 属性を使用して宣言するだけで済みます。

  • HTML タグでは、複数のカテゴリ セレクターを適用できます。これにより、HTML は複数のカテゴリ セレクターのスタイルを同時に読み込むことができます。複数のカテゴリ セレクターを区切るにはスペースを使用します (例:

    )。

3) ID セレクター

ID セレクターは、HTML ページの id 属性を通じてスタイルを選択および追加します。これは基本的にカテゴリ セレクターと同じです。

形式: "

#" id ​​属性値

名前付き ID セレクターは、「#」で始まり、その後に「#」が続く必要があります。 HTML タグの ID 属性値。

プログラミング関連の知識について詳しくは、

プログラミング ビデオをご覧ください。 ！

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

関連ラベル：
CSSスタイルシート
ソース：php.cn
前の記事：CSSで画像を並べないように設定する方法 次の記事：div+cssとは何ですか
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
9
1588
width プロパティを追加してコンテンツを左に移動します。 ボディに余白を設けました。 main {left margin: 200px; right margin: 200px; textalignment: center} テキストを1...
から 2024-04-06 22:01:35
0
3
816
Reactのsortメソッドでレンダリング(フィルターとページネーションを使用)をトリガーするにはどうすればよいですか? これが私の Sort.js スタイル コンポーネントです: <SortWrapper><SortText>SortBy</SortText>&l...
から 2024-04-06 21:28:37
0
1
2257
単語と一致する正規表現 新しいジョブ名をデータベース内の既存のジョブ名と照合しようとするスクリプトがあります。 SELECTa.titleASJobTitle,j.DescriptionASMatched...
から 2024-04-06 21:24:04
0
1
606
クエリと式は、新しい列を含むテーブル全体を形成します。新しい列は、他の条件列の値を含む式です。 編集: 式は「値」列、つま​​りカテゴリに基づいて最も低い user_id を持つ「値」列である必要があります。カテゴリ「A」の最も低い「user_id」の「value」列が 0....
から 2024-04-06 21:23:40
0
2
530
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート