ITバンドブラザーズHTML5 CSS3の秘密のCSSチュートリアルの紹介

fd1e5d5373e04cd48c0b75f331c19dae.jpg

 

HTMLは、ウェブページ上のコンテンツへのタグを使用しても要素を使用することができ、簡単な文書の外観を制御する属性。Webページの外観やレイアウトをより細かく制御したい場合は、(CSSと略す)カスケーディングスタイルシートを使用する必要があります。CSSは、ユーザーがいくつかのルールを開発することを可能にする仕様で、さまざまなルールを設定することで説明した症状のドキュメント要素のコンテンツは幅やフォントの色やサイズの色、線、ページを含む、ページのすべての要素の外観を制御する働きページの外観をより面白くするために、項目間のスペースの量、。CSSとHTMLは、すべてのWeb制作技術の中核と基礎であるHTMLにスタイルを開発するための機構で、HTMLとその内容の各要素を表示するためにどのようにブラウザを制御することができます。HTMLとCSSは、HTMLページのフォーマット機能の不足を補うために、一緒に働いています。HTMLとCSSの両方が同じファイルに書き込むことができ、あなたはまた別に書くことができ、それはまた、ブラウザによって解決されたテキスト形式のファイルは、あります。この章では、CSSの構文は関与帳プログラムインスタンスの内容のみをカバーしています。              

CSS入門

CSSは、HTMLやXMLドキュメント・スタイルのコンピュータ言語として使用法の性能である英語のカスケーディングスタイルシート(カスケードスタイルシート)の略称であり、あなたは最初にHTMLのCSSを学習する前に理解しておく必要があります。CSSはWebページの外観の役割である(たとえば、フォント、背景、テキスト、場所、レイアウト、エッジ、リストやその他のために)、また、多くの動的な効果を作るためにJavaScriptと連携ブラウザなどのスクリプト言語することができます。

いわゆるスタイルシートO、HTMLは、スタイリングの方法です。HTMLは文書のコンテンツで、スタイルシートは、性能、または外観の文書です。

いわゆる積層Øは、一緒に積層スタイルのセットを使用することで、HTMLの一の以上の制御要素は、順次によってスタイルシートの属性が表示さ。

CSSを使用し、拡張性の優れた使いやすさを持っているので、スタイルシートは、複数のページ、あるいはサイト全体のために使用することができます。一般的に言って、だけでなく、このような段落の間隔、行間隔、フォントの変更、およびサイズなどのHTMLページの書式設定機能、の不足を補うためにCSSを使うことができ、また、動的にページのフォーマット、組版の位置を更新するCSSが使用できます。次のようにCSSの機能は次のとおりです。

Øページ(精密位置決め)の各要素を制御します。

ØHTML言語最善の治療のスタイルを補完します。

作業負荷を低減するために、相分離工程の内容と形式をØ。

CSSは、我々は、HTML文書内の各タグを定義することができ、またはタグをHTML文書に埋め込まれている<スタイル>に、文書が添付文書として外部から印加することができます。この例では、埋め込まれたスタイルシート、<H1>の変化と同じHTML文書の4 <p>タグの出力効果を使用しています。Webページファイル.htmlの拡張子を開くには、テキストエディタを使用して、3つの文字列は、HTML、<H2>で記述され、2つの<P>タグ。そして、使用しての<style>タグは、文書のCSSコード、3つのマーカーのコントロールディスプレイに埋め込まれています。コードは次のよう:

d8a446543c1b428ca6bb0dabb3c88161.jpg

 

ブラウザは、図1に示すこのページ上のファイルを、解釈した後、あなたは結果を見ることができ、このファイルを開く直接ブラウザを使用してください。

562383439a5e41759ff66f0cec312400.jpg

CSSの簡単な例では、図1の結果を示しています

この例では、HTMLページの構造がCSS出力フォーマットを使用して定義され、フォーマット及び構造を分離することができます。ただ、CSSでのいくつかのプロパティを変更する、HTMLタグはすべてのスタイルの更新を使用します。

おすすめ

転載: www.cnblogs.com/itxdl/p/11731111.html