「CSS オンラインマニュアル」は、CSS の公式オンラインリファレンスマニュアルです。この CSS オンライン開発マニュアルには、CSS のさまざまなプロパティ、定義、使用方法、操作例などが記載されており、WEB プログラミング学習者および開発者にとって必須のオンラインクエリマニュアルです。 CSS：Cascading Style Sheets（英語正式名：Cascading Style Sheets）は、HTML（Standard Universal Markup Language）を表現するために使用されるアプリケーションです。
CSS (完全な英語名: Cascading Style Sheets) は、HTML (Standard Generalized Markup Language のアプリケーション) や XML (Standard Generalized Markup Language のサブセット) などのファイル スタイルを表現するために使用されるコンピューター言語です。
CSS は、Web ページを静的に変更するだけでなく、さまざまなスクリプト言語と組み合わせて Web ページのさまざまな要素を動的にフォーマットすることもできます。
CSS は、Web ページ内の要素の位置のレイアウトをピクセルレベルで正確に制御でき、ほぼすべてのフォント サイズ スタイルをサポートし、Web ページのオブジェクトとモデル スタイルを編集する機能を備えています。
ヒント: CSS の学習を続ける前に、HTML と XHTML の知識についての基本的な理解が必要です。
CSS 言語の基本
属性
属性の名前は法的な識別子であり、CSS です。文法のキーワード。属性は書式設定の側面を指定します。
例: color はテキストのカラー属性で、text-indent は段落のインデントを指定します。
- #属性値
- 整数と実数
- 長さ
- 数量のパーセント
- セレクター
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
<style>
body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}
</style>
</head>
<body>
<h1>CSS 实例!</h1>
<p>这是一个段落。</p>
</body>
</html>
とても簡単なことではありませんか! CSS は、HTML マークアップ言語の要素の表示方法を定義するスタイル記述を提供します。 CSS は、Web デザインの分野における画期的な技術です。これを使用して小さなスタイルを変更し、それに関連するすべてのページ要素を更新できます。 CSS 言語の機能ヒント:CSS チュートリアルでは、CSS を使用して複数の Web ページのスタイルとレイアウトを同時に制御する方法を段階的に説明します。ご質問がある場合は、PHP 中国語 Web サイト CSSCommunity にアクセスして質問してください。熱心なネチズンが答えてくれます。
- 豊富なスタイル定義: CSS は、豊富なドキュメント スタイルの外観に加えて、テキストと背景の属性を設定する機能を提供します。任意の要素の境界線を作成し、要素の境界線と他の要素の間の距離、要素の境界線と要素のコンテンツの間の距離を作成します。これにより、テキストの大文字化、装飾、その他のページ効果を変更できます。意のままに。
使用と変更が簡単: CSS は、HTML 要素の style 属性または HTML ドキュメントのヘッダー部分でスタイルを定義できます。あるいは、特別な CSS ファイルでスタイルを宣言できます。 、HTML ページでの参照用。つまり、CSS スタイル シートは、すべてのスタイル宣言を統一的に保存および管理できます。
さらに、同じスタイルの要素を同じスタイルを使用して分類して定義したり、特定のスタイルを同じスタイルのすべての HTML タグに適用したりできます。 name. 、CSS スタイルをページ要素に割り当てることもできます。スタイルを変更したい場合は、スタイル リストから対応するスタイル ステートメントを見つけて変更するだけです。
マルチページ アプリケーション: CSS スタイル シートを別の CSS ファイルに保存できるため、複数のページで同じ CSS スタイル シートを使用できます。理論的には、CSS スタイル シートはどのページ ファイルにも属さず、どのページ ファイルからも参照できます。このようにして、複数のページのスタイルを統一することができます。
カスケード: 簡単に言えば、カスケードとは、要素に同じスタイルを複数回設定することです。これにより、最後に設定された属性値が使用されます。たとえば、サイト内の複数のページに同じ CSS スタイル シートのセットを使用し、一部のページの一部の要素に他のスタイルを使用したい場合は、これらのスタイルに対して別のスタイル シートを定義して、それらをページ。後で定義されたこれらのスタイルは以前のスタイル設定をオーバーライドし、ブラウザに表示されるのは最後に設定されたスタイル効果になります。
ページ圧縮: HTML を使用してページ効果を定義する Web サイトでは、さまざまな仕様のテキスト スタイルを形成するために、多くの場合、多数の、または繰り返しの表およびフォント要素が必要になります。 HTML タグが多数あるため、ページ ファイルのサイズが大きくなります。 CSS スタイル シートにスタイル宣言を個別に記述すると、ページのサイズが大幅に削減されるため、ページの読み込み時間も大幅に短縮されます。さらに、CSS スタイル シートを再利用することでページのサイズが大幅に縮小され、ダウンロード時間が短縮されます。
この CSS チュートリアル マニュアルの内容
この CSS チュートリアル マニュアルでは、CSS の定義、CSS 構文、CSS プロパティ、CSS の使用方法、 CSS の応答性の紹介、多くのオンライン例、完全な CSS プロパティ リファレンス マニュアルなど。
ヒント: このチュートリアルの各章には多くの CSS サンプルが含まれています。[サンプルの実行] ボタンを直接クリックすると、実行結果をオンラインで表示できます。これらの例は、CSS 言語をよりよく理解し、使用するのに役立ちます。
その他の CSS 関連の学習参照リソース
このページの右側にある知識の拡張に加えて、次のリソースもすべての人に選ばれています
最新章
関連コース
- Web フロントエンド開発の簡単な紹介 2021-12-10
- あなたを最もよく理解するフロントエンドコース: HTML5/CSS3/ES6/NPM/Vue/...[オリジナル] 2022-09-30
- Gulp 入門ビデオチュートリアル 2022-04-18
- Brothers in Arms Gao Luofeng CSS3 ビデオ チュートリアル 2022-04-20
- AngularJS 開発 Web アプリケーションの基本的なサンプル ビデオ チュートリアル 2022-04-18
- アヤックスのフルコンタクト 2022-04-13
- MUI フレームワークの基本的なビデオ チュートリアル 2022-04-13
- オンライントレーニングクラス体験クラス 2019-01-10