「CSS オンラインマニュアル」は、CSS の公式オンラインリファレンスマニュアルです。この CSS オンライン開発マニュアルには、CSS のさまざまなプロパティ、定義、使用方法、操作例などが記載されており、WEB プログラミング學(xué)習(xí)者および開発者にとって必須のオンラインクエリマニュアルです。 CSS：Cascading Style Sheets（英語正式名：Cascading Style Sheets）は、HTML（Standard Universal Markup Language）を表現(xiàn)するために使用されるアプリケーションです。
CSS (完全な英語名: Cascading Style Sheets) は、HTML (Standard Generalized Markup Language のアプリケーション) や XML (Standard Generalized Markup Language のサブセット) などのファイル スタイルを表現(xiàn)するために使用されるコンピューター言語です。
CSS は、Web ページを靜的に変更するだけでなく、さまざまなスクリプト言語と組み合わせて Web ページのさまざまな要素を動(dòng)的にフォーマットすることもできます。
CSS は、Web ページ內(nèi)の要素の位置のレイアウトをピクセルレベルで正確に制御でき、ほぼすべてのフォント サイズ スタイルをサポートし、Web ページのオブジェクトとモデル スタイルを編集する機(jī)能を備えています。
ヒント: CSS の學(xué)習(xí)を続ける前に、HTML と XHTML の知識(shí)についての基本的な理解が必要です。
CSS 言語の基本
屬性
屬性の名前は法的な識(shí)別子であり、CSS です。文法のキーワード。屬性は書式設(shè)定の側(cè)面を指定します。
例: color はテキストのカラー屬性で、text-indent は段落のインデントを指定します。
- #屬性値
- 整數(shù)と実數(shù)
- 長(zhǎng)さ
- 數(shù)量のパーセント
- セレクター
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(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 實(shí)例!</h1>
<p>這是一個(gè)段落。</p>
</body>
</html>
とても簡(jiǎn)単なことではありませんか! CSS は、HTML マークアップ言語の要素の表示方法を定義するスタイル記述を提供します。 CSS は、Web デザインの分野における畫期的な技術(shù)です。これを使用して小さなスタイルを変更し、それに関連するすべてのページ要素を更新できます。 CSS 言語の機(jī)能ヒント:CSS チュートリアルでは、CSS を使用して複數(shù)の Web ページのスタイルとレイアウトを同時(shí)に制御する方法を段階的に説明します。ご質(zhì)問がある場(chǎng)合は、PHP 中國(guó)語 Web サイト CSSCommunity にアクセスして質(zhì)問してください。熱心なネチズンが答えてくれます。
- 豊富なスタイル定義: CSS は、豊富なドキュメント スタイルの外観に加えて、テキストと背景の屬性を設(shè)定する機(jī)能を提供します。任意の要素の境界線を作成し、要素の境界線と他の要素の間の距離、要素の境界線と要素のコンテンツの間の距離を作成します。これにより、テキストの大文字化、裝飾、その他のページ効果を変更できます。意のままに。
使用と変更が簡(jiǎn)単: CSS は、HTML 要素の style 屬性または HTML ドキュメントのヘッダー部分でスタイルを定義できます。あるいは、特別な CSS ファイルでスタイルを宣言できます。 、HTML ページでの參照用。つまり、CSS スタイル シートは、すべてのスタイル宣言を統(tǒng)一的に保存および管理できます。
さらに、同じスタイルの要素を同じスタイルを使用して分類して定義したり、特定のスタイルを同じスタイルのすべての HTML タグに適用したりできます。 name. 、CSS スタイルをページ要素に割り當(dāng)てることもできます。スタイルを変更したい場(chǎng)合は、スタイル リストから対応するスタイル ステートメントを見つけて変更するだけです。
マルチページ アプリケーション: CSS スタイル シートを別の CSS ファイルに保存できるため、複數(shù)のページで同じ CSS スタイル シートを使用できます。理論的には、CSS スタイル シートはどのページ ファイルにも屬さず、どのページ ファイルからも參照できます。このようにして、複數(shù)のページのスタイルを統(tǒng)一することができます。
カスケード: 簡(jiǎn)単に言えば、カスケードとは、要素に同じスタイルを複數(shù)回設(shè)定することです。これにより、最後に設(shè)定された屬性値が使用されます。たとえば、サイト內(nèi)の複數(shù)のページに同じ CSS スタイル シートのセットを使用し、一部のページの一部の要素に他のスタイルを使用したい場(chǎng)合は、これらのスタイルに対して別のスタイル シートを定義して、それらをページ。後で定義されたこれらのスタイルは以前のスタイル設(shè)定をオーバーライドし、ブラウザに表示されるのは最後に設(shè)定されたスタイル効果になります。
ページ圧縮: HTML を使用してページ効果を定義する Web サイトでは、さまざまな仕様のテキスト スタイルを形成するために、多くの場(chǎng)合、多數(shù)の、または繰り返しの表およびフォント要素が必要になります。 HTML タグが多數(shù)あるため、ページ ファイルのサイズが大きくなります。 CSS スタイル シートにスタイル宣言を個(gè)別に記述すると、ページのサイズが大幅に削減されるため、ページの読み込み時(shí)間も大幅に短縮されます。さらに、CSS スタイル シートを再利用することでページのサイズが大幅に縮小され、ダウンロード時(shí)間が短縮されます。
この CSS チュートリアル マニュアルの內(nèi)容
この CSS チュートリアル マニュアルでは、CSS の定義、CSS 構(gòu)文、CSS プロパティ、CSS の使用方法、 CSS の応答性の紹介、多くのオンライン例、完全な CSS プロパティ リファレンス マニュアルなど。
ヒント: このチュートリアルの各章には多くの CSS サンプルが含まれています。[サンプルの実行] ボタンを直接クリックすると、実行結(jié)果をオンラインで表示できます。これらの例は、CSS 言語をよりよく理解し、使用するのに役立ちます。
その他の CSS 関連の學(xué)習(xí)參照リソース
このページの右側(cè)にある知識(shí)の拡張に加えて、次のリソースもすべての人に選ばれています
最新章
- 框架 2016-10-18
- 視頻(Video) 2016-10-18
- 圖片 2016-10-18
- 媒體查詢 2016-10-18
- 網(wǎng)格視圖 2016-10-18
- Viewport 2016-10-18
- CSS 實(shí)例 2016-10-18
- CSS 總結(jié) 2016-10-18
関連コース
- Web フロントエンド開発の簡(jiǎn)単な紹介 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