チェックボックス
あなたがしたい場合、あなたはchecked属性を追加することができ、デフォルトではチェックされている場合、チェックボックスでは、属性値もチェックされています
あなたが達成したい場合の選択肢では、テキストをクリックし、ラベルを付けるラベルを使用して、効果を選択することができます
IDタグとラベルのオプションの間のリンクを確立するために、
<入力されたID = "アプリケーション" タイプ= "チェックボックス" />
テキスト</ label>はクリッカブル書くために、ここで<=「アプリ」のラベル> < - のプロパティ値としてIdを入力タブを - !>
CSSのコンセプト
CSS:カスケードスタイルシート、カスケーディング・スタイル・シート、ラベルhtmlページ上の所定の表示パターン
HTML4時間は、W3C HTML構造と組織が別々のスタイルを行います
3層のフロントエンド:
ページの全体的な構造を作成するためのHTML構造層
CSSスタイル層、装飾ページ
JavaScriptの動作層、一部のページは、インタラクティビティ
CSSの効果
2つの重要な概念は、CSS:カスケーディングスタイル。
スタイル:ページの表示中にhtmlタグ
直接着手し、対応する属性と属性値へのラベルのスタイルは何ですか
セレクタ、スタイルシート:CSSスタイルの設定は、2キーが存在する場合には
洗練されたCSSの役割:
1.テキストにテキスト表示スタイルを追加します。
2.ボックス構造とレイアウト属性に追加
小さなCSSプロパティ:
1.テキストスタイルは:フォント、色、サイズ
サイズ:フォントサイズ。自体、単一のプロパティ内で、複雑な属性フォントfont-単一のプロパティ名をする必要があります。ピクセル---プロパティ値
色:色:赤
フォント:フォントファミリ、一般的な英語のフォントを持っている:ゴシック、consolas、中国語フォント:「ゴシック」
フォントファミリ:「ゴシック」、フォントの間にカンマで区切られた「consolas」------------引用符に包まれ、「のTimes New Roman」フォント、。
読み込み速度を追求するためには、いくつかの中国のフォント名は英語表記で書かれました
マイクロソフトエレガントな黒:微軟雅黒
歌:SimSun
2.基本プロパティボックスがマテリアライズド
物質:指定されたボックス高さと幅、ボーダー、背景色
幅:幅単位画素
高:heigthの単位画素
背景色:背景色
ボーダー:ボーダー、化合物の性質、複数の属性値、スペースで区切られた属性値が、境界線の幅の種類、色、線
ソリッド国境:固体
コードは、コードを圧縮し、インターネットにアップロード読み込み速度を向上させるためには、すべてのスペース、インデント、改行などを必要と削除されます。
セレクタ
行動のために使用されるスタイル、IDに使用されるクラスセレクタ
シニアセレクタ
財団セレクタと、すべてのニーズを満たすため、3がありません。
----スペース左側が祖先要素の右側は1子孫セレクタであり
ラベル間の入れ子関係、階層によって、我々は一般的に、関連する要素の範囲を見つけるために、具体的には、範囲の定義します
2.交差点セレクタ
通信セレクター・ベースは、すべてのクラスセレクタを使用し、タグ書き込みカテゴリを混在させることができます
IE6は、クラスの連続交差点をサポートしていません。
そして3.セレクタを設定します。
多くの要素が同じCSSスタイルを持っていること、およびこれらのラベルは、一緒に記述します選択して設定することができ、我々は、CSSスタイルを設定することに合意しました。
すべての前述は、セレクタの途中にコンマで区切られ、セレクタ及びエピソードとして使用することができます。
すなわち、同じスタイルを使用して要素を選択された複数のセレクタです。