初心者のための CSS 学習入門_html/css_WEB-ITnose-htmlチュートリアル-php.cn

初心者のための CSS 学習入門_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:51:39

オリジナル

1431 人が閲覧しました

1. 基本学習

1. CSS とは

CSS とは、Cascading Style Sheets の略で、コンパイルを必要とせず、ブラウザーで直接実行できるマークアップ言語です (ブラウザー解釈言語です)。

CSS ファイルは、いくつかの CSS タグを含むテキストファイルとも言えるため、すべての Web デザイナーにとって必須のコースです。

法 2、文法

2.1 引用

- - - - -

(CSS ファイル) Uri REL - 指定されたリンクタイプ
Type - コンテンツを含む content Type、通常は Type = "Text/CSS" を使用します

インポートスタイル (@Import

)

頭标签内部

行内样式

<head>	<link rel="stylesheet" type="text/css" href="http://www.dreamdu.com/style.css" /></head>

ログイン後にコピー

XHTML标签中で直接作用します。
2.2选择器CSS CSS と XHTML

p{font-size: 12px;}< p id="id_selector">ドリームシティクラスセレクタードリームシティ


CSS で書く	XHTML で書く	タグセレクター
	ID セレクター	#id_selector{font-size:12 px;}
		.class_selector{font-size:12px;}
」 3. メリット CSS を使用すると、Web ページのコンテンツ (XHMTL) とパフォーマンスを分離できます。ウェブページの閲覧速度を上げる 2. まとめ 1. 地図 2. 問題点の分析 2.1 CSS の外部参照のリンクスタイル (link ) とその違いインポートされたスタイル間 (@import) (1) それらは異なるカテゴリに属します。より LINK は XHTML タグに属し、@import は CSS の方法です。 CSS のロードに加えて、link タグは RSS の定義、rel 接続属性の定義など、他の多くのことも行うことができます。 @import は CSS をロードすることしかできません。 (2) ロード順の違い。ページが読み込まれるとき（つまり、ビューアが表示するとき）、link によって参照される CSS は同時に読み込まれますが、@import によって参照される CSS は、ページのダウンロードが完了するまで待機してから読み込まれます。そのため、@import が CSS をロードするページを閲覧すると、最初はスタイルが表示されない (ちらつくだけです) ことがありますが、これはネットワーク速度が遅い場合には明らかです。 (3) 互換性の違い。 M i @import は CSS2.1 で提案されているため、古いブラウザはサポートされていません。@Import は IE5 以上でのみ認識され、Link ラベルは問題ありません。 (4) domを使用してスタイルを制御する場合の違い。 havaScriptを使用してDOMを制御してスタイルを変更する場合、 @importはDOMによって制御できないため、リンクタグのみを使用できます。 2. 2.2 フォームとフォームの違いフォームはデータを送信するために使用されます。フォームはフォームに含めることもできます。入力ボックス、テキストボックスなどのバックグラウンドプログラム。通常、データ送信を完了できるように、これらの要素をフォームに配置する必要があります。 3. 編集者からのメッセージ CSS は主に Web ページの表示スタイルを制御するために使用されます。 CSS を介して、HTML 内のコンテンツは、適切に使用すると、まるで人に化粧を施すかのような素晴らしい効果を発揮します。この記事は、CSS の簡単な内容をいくつか整理したものにすぎません。他の強力な機能については、今後の学習で引き続き探索し、徐々に深めていく必要があります。读関連書籍: CSS エントリの基本的な古典的なチュートリアル CSS チュートリアル