Css
提供：Dev Guides
CSSチュートリアル
*CSS* は、Webドキュメントのスタイルをシンプルかつ簡単な方法で制御するために使用されます。*CSS* は *"Cascading Style Sheet"* の頭字語です。 このチュートリアルでは、CSS1、CSS2、およびCSS3の両方のバージョンを取り上げ、基本から高度な概念まで、CSSを完全に理解します。CSSを学ぶ理由
*Cascading Style Sheets* （ *CSS* とも呼ばれます）は、Webページを表示可能にするプロセスを簡素化することを目的としたシンプルなデザイン言語です。*CSS* は、学生および作業専門家がWeb開発ドメインで作業しているときに、特に優れたソフトウェアエンジニアになるために必須です。 CSSを学ぶことの主な利点をいくつか挙げます。- 魅力的なWebサイトの作成-CSSはWebページのルックアンドフィールの部分を処理します。 CSSを使用すると、テキストの色、フォントのスタイル、段落間の間隔、列のサイズとレイアウトの方法、使用する背景画像または色、レイアウト設計、さまざまなデバイスおよび画面サイズの表示のバリエーションを制御できますその他のさまざまな効果。
- * Webデザイナーになろう*-プロのWebデザイナーとしてキャリアを始めたい場合は、HTMLおよびCSSのデザインが必須のスキルです。
- Control web -CSSは簡単に習得して理解できますが、HTMLドキュメントの表示を強力に制御できます。 最も一般的には、CSSはマークアップ言語のHTMLまたはXHTMLと組み合わされます。
- 他の言語を学ぶ-HTMLとCSSの基本を理解すると、javascript、php、angularなどの他の関連技術が理解しやすくなります。
CSSを使用したHello World。
CSSについて少し興奮させるために、従来の小さなCSS Hello Worldプログラムを紹介します。デモリンクを使用して試してみることができます。
<!DOCTYPE html>
<html>
<head>
<title>This is document title</title>
<style>
h1 {
color: #36CFFF;
}
</style>
</head>
<body>
<h1>Hello World!</h1>
</body>
</html>CSSの応用
前述したように、CSSはWeb上で最も広く使用されているスタイル言語の1つです。 ここにそれらのいくつかをリストします。
- * CSSは時間を節約します*-CSSを一度書くと、複数のHTMLページで同じシートを再利用できます。 各HTML要素のスタイルを定義し、必要な数のWebページに適用できます。
- ページの読み込みが速い-CSSを使用している場合、毎回HTMLタグの属性を記述する必要はありません。 タグのCSSルールを1つ記述し、そのタグのすべての出現に適用します。 したがって、コードが少ないほどダウンロード時間が短縮されます。
- 簡単なメンテナンス-グローバルな変更を行うには、スタイルを変更するだけで、すべてのWebページのすべての要素が自動的に更新されます。
- * HTMLの優れたスタイル*-CSSはHTMLよりもはるかに幅広い属性の配列を持っているため、HTML属性と比較してHTMLページの外観をはるかに良くすることができます。
- 複数のデバイスの互換性-スタイルシートにより、コンテンツを複数のタイプのデバイスに最適化できます。 同じHTMLドキュメントを使用することにより、PDAや携帯電話などのハンドヘルドデバイスや印刷用に、異なるバージョンのWebサイトを表示できます。
- グローバルWeb標準-HTML属性は非推奨になり、CSSの使用が推奨されています。 したがって、すべてのHTMLページでCSSを使用して、将来のブラウザとの互換性を持たせることをお勧めします。
聴衆
この* CSSチュートリアル*は、Webサイトや個人ブログをより魅力的にしたい学生と専門家の両方を支援します。
前提条件
次のことに精通している必要があります。
- 任意のテキストエディターを使用した基本的なワープロ。
- ディレクトリとファイルを作成する方法。
- 異なるディレクトリをナビゲートする方法。
- Internet ExplorerやFirefoxなどの一般的なブラウザーを使用したインターネットブラウジング。
- HTMLまたはXHTMLを使用した単純なWebページの開発。
HTMLおよびXHTMLを初めて使用する場合は、最初にHTMLチュートリアルまたはXHTMLチュートリアルを読むことをお勧めします。
