コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > CSSチュートリアル > CSSの文法的な内容

CSSの文法的な内容

不言
リリース： 2018-04-24 16:38:38
オリジナル
1499 人が閲覧しました

この記事は主に CSS の文法的な内容を紹介していますので、必要な友達は参考にしてください

1. Web ページの効果を制御できます。 、フォント サイズ、色、フォント、行間隔、単語間隔、背景画像、位置、背景色を含む
2.css 書き方メソッド
1) インライン スタイル

<b>默认效果</b><b style="color:#F00;">文字变为红色</b>
ログイン後にコピー

注: インライン スタイルは、CSS スタイル属性をlabel、ラベルの読み取り 対応する効果に直接変更します

インラインスタイルにのみ影響します

2) 内部スタイル

<head><style type="test/css">b{color:#F00;}</style></head><body><b>变为红色了</b></body>
ログイン後にコピー

内部スタイルはHTMLページのヘッド領域に記述され、本文内の対応するオブジェクトになります。上部が書き込まれ、下部が制御されます。

現在のページにのみ影響します

3) 外部スタイル

<head><link rel="styleheet" href="css/new_filecss"/></head>
ログイン後にコピー

外部スタイルCSSは独立したファイルとして記述する必要があります。 HTML ページの先頭に HTML 内の対応する要素を記述し、外部スタイルによって記述された CSS スタイル効果を呼び出すためのリンク コードの行

3. CSS 構文の記述

CSS の記述は主に CSS 属性と CSS 属性で構成されます値 

<b style="color:#F00;">文字变为红色</b>
ログイン後にコピー

style はスタイル、color は CSS 属性、#F00 は属性の値、注: with;

b{width：600px；height：60px；
}
ログイン後にコピー

中括弧 CSS プロパティと CSS スタイルのラッピング

以上がCSSの文法的な内容の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
css コンテンツ
ソース：php.cn
前の記事：CSSを使用して画像に影を追加する方法 次の記事：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
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート